body {
  margin: 0;
  font-size: 12px;
  line-height: 1;
  font-family: "Microsoft YaHei";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
}
p,
dl,
dd {
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
i,
em {
  font-style: normal;
}
strong,
b {
  font-weight: normal;
}
img {
  border: none;
  vertical-align: bottom;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
th,
td {
  padding: 0;
  text-align: left;
  vertical-align: top;
}
input {
  border: none;
  background: none;
  outline: none;
}
textarea {
  resize: none;
}

html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  /* overflow: scroll; */
  overflow-x: hidden;
  min-width: 1200px;
  background: #fafbfc;
  overflow: hidden;
}
.content {
  width: 1200px;
  margin: 0 auto;
  min-width: 1200px;
}
.zg_header {
  background: #fff;
  height: 34px;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
}
.zg_header .left {
  float: left;
}
.zg_header .left > span,
.zg_header .left > div,
.zg_header .left > em {
  float: left;
}
.zg_header .left > a,
.zg_header .left p,
.zg_header .right a {
  font: 12px/34px "Microsoft YaHei";
  color: #888888;
}

.zg_header .left span a {
  font-size: 12px;
  line-height: 34px;
  color: #888888;
}

.zg_header .left > em {
  margin: 0px 12px 0 12px;
  font: 12px/34px "Microsoft YaHei";
  color: #dcdcdc;
}
.zg_header .left .hdnav_more {
  width: 70px;
  cursor: pointer;
  height: 34px;
  position: relative;
}

.zg_header .left .hdnav_more .l a {
  font-size: 12px;
  line-height: 34px;
}

.zg_header .left .hdnav_more1 {
  width: 57px;
}

.zg_header .left .hdnav_more1 li .h {
  display: none;
}
.zg_header .left .hdnav_more1 li:hover .h {
  display: inline-block;
}
.zg_header .left .hdnav_more1 li:hover .s {
  display: none;
}

.zg_header .left .hdnav_more p {
  height: 34px;
}
.zg_header .left .hdnav_more p img {
  display: inline-block;
  width: 6px;
  height: 4px;
  /* float: right; */
  position: absolute;
  right: 0;
  top: 16px;
  /* margin:  16px 0 0 0; */
}
.zg_header .left .hdnav_more .more {
  display: none;
}

/* hdnav_more */
.zg_header .left .hdnav_more .txt {
  width: 735px;
  height: 280px;
  box-shadow: #cccccc 0 0 6px;
  margin: 0px 0 0 0px;
  display: none;
  position: relative;
  z-index: 9900;
  background: #ffffff;
}

.zg_header .left .on .txt {
  display: block;
}

.zg_header .left .hdnav_more .txt .l {
  float: left;
  width: 350px;
  margin: 40px 0 0 50px;
  border-right: 1px solid #efefef;
}
.zg_header .left .hdnav_more .txt h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}

.zg_header .left .hdnav_more .txt .l ul {
  margin-top: 15px;
}
.zg_header .left .hdnav_more .txt .l ul li {
  float: left;
  width: 170px;
  margin: 8px 0 0 0;
  font-size: 14px;
}
.zg_header .left .hdnav_more .txt .l ul li img {
  vertical-align: top;
  margin: 9px 8px 0 0;
}
.zg_header .left .hdnav_more .txt .l span {
  display: block;
  width: 1px;
  height: 144px;
  background: #e6e6e6;
  float: right;
  margin: -151px 0 0 0;
}

.zg_header .left .hdnav_more .txt .r {
  float: left;
  margin: 40px 0 0 40px;
}

.zg_header .left .hdnav_more .txt .r span {
  width: 120px;
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin: 0 20px 0 0;
}
.zg_header .left .hdnav_more .txt .r span img {
  display: block;
  margin: 30px auto 10px;
}

.zg_header .left .hdnav_more .txt .r span em {
  display: block;
  font-size: 14px;
}

/* hdnav_more2 */

.zg_header .left .hdnav_more2 .txt {
  width: 735px;
  height: 383px;
  box-shadow: #cccccc 0 0 6px;
  margin: 0px 0 0 0px;
  /* display: none; */
  position: relative;
  z-index: 9900;
  background: #ffffff;
}

.zg_header .left .hdnav_more2 .txt .l {
  float: left;
  width: 333px;
  margin: 40px 0 0 55px;
}
.zg_header .left .hdnav_more2 .txt h6 {
  height: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.zg_header .left .hdnav_more2 .txt h6 a {
  float: right;
  font-size: 12px;
  color: #999;
  margin: -9px 20px 0 0;
}

.zg_header .left .hdnav_more2 .txt .l ul {
  margin-top: 15px;
  width: 400px;
}
.zg_header .left .hdnav_more2 .txt .l ul li {
  float: left;
  width: 200px;
  margin: 0px 0 0 0;
  font-size: 14px;
}
.zg_header .left .hdnav_more2 .txt .l ul li i {
  vertical-align: top;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #999999;
  margin: 16px 8px 0 0;
}
.zg_header .left .hdnav_more2 .txt .l span {
  display: block;
  width: 1px;
  height: 267px;
  background: #e6e6e6;
  float: right;
  margin: -266px 0 0 0;
}

.zg_header .left .hdnav_more2 .txt .r {
  float: left;
  margin: 40px 0 0 40px;
}
.zg_header .left .hdnav_more2 .txt .r div {
  margin: 0 0 20px 0;
  height: 38px;
}
.zg_header .left .hdnav_more2 .txt .r div img {
  float: left;
  margin: 0 0 0 0;
}
.zg_header .left .hdnav_more2 .txt .r div dl {
  float: left;
  margin: 0 0 0 20px;
}
.zg_header .left .hdnav_more2 .txt .r div dl dt {
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 7px 0;
}
.zg_header .left .hdnav_more2 .txt .r div dl dd {
  font-size: 12px;
  line-height: 12px;
  color: #666;
}
.zg_header .left .hdnav_more2 .txt .r h6 {
  margin-top: 40px;
}
.zg_header .left .hdnav_more2 .txt .r span {
  width: 120px;
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin: 0 20px 0 0;
}
.zg_header .left .hdnav_more2 .txt .r span img {
  display: block;
  margin: 30px auto 10px;
}

.zg_header .left .hdnav_more2 .txt .r span em {
  display: block;
  font-size: 14px;
}

/* hdnav_more3 */

.zg_header .left .hdnav_more .on {
  color: #ff4800;
  height: 34px;
}
.zg_header .left .on p {
  color: #ff4800;
}
.zg_header .right {
  float: right;
}
.zg_header .right .sp1 {
  display: inline-block;
  width: 91px;
  height: 22px;

  margin: 0 12px 0 0;
  position: relative;

  top: 6px;

  overflow: hidden;
}
.zg_header .right .sp1 a {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 91px;
  height: 22px;
  color: #fff;
  font: 12px/22px "Microsoft YaHei";
  text-align: center;
  z-index: 20;
}

.zg_header .right .sp1 a i {
  display: block;
  padding: 0 0 0 10px;
}

.zg_header .right .sp1 img {
  position: absolute;
  top: 0;
  right: 0px;
}

.zg_header .right em {
  margin: 0 6px 0 6px;
  font: 12px/34px "Microsoft YaHei";
  color: #dcdcdc;
}
.zg_header a:hover {
  color: #ff4800;
}
.zg_top {
  height: 115px;
  background: #fff;
}
.zg_top .logo,
.zg_top .logo span,
.zg_top .logo h2 {
  float: left;
}
.zg_top .logo h2 {
  width: 244px;
  margin: 0 0 0 10px;
}
.zg_top .logo h2 a {
  display: block;
}
.zg_top .logo h2 .s1 {
  display: block;
  font: 12px/12px "Microsoft YaHei";
  text-align: center;
  color: #000000;
  letter-spacing: 1.1px;
}
.zg_top .logo h2 .s2 {
  display: block;
  font: 14px/14px "Microsoft YaHei";
  letter-spacing: 1px;
  color: #000000;
  text-align: center;
  margin: 6px 0 6px 0;
}
.zg_top .logo h2 .s3 {
  display: block;
  font: 8px/8px "Microsoft YaHei";
  letter-spacing: 1px;
  color: #000000;
  text-align: center;
}
.zg_top .logo h2 .s3 em {
  display: inline-block;
  width: 40px;
  height: 1px;
  background: #231815;
  vertical-align: middle;
  margin: auto 7px;
}
.zg_top .logo {
  margin: 25px 0 0 0;
}

.zg_top .city_box {
  float: left;

  margin: 47px 0 10px 42px;

  cursor: pointer;

  position: relative;

  z-index: 310;
}

.zg_top .city_box p {
  font: 16px/16px "Microsoft YaHei";

  padding-bottom: 10px;

  color: #ff4800;
}

.zg_top .city_box p span {
  margin-right: 10px;
}

.zg_top .city_box em {
  background: url(../../images/newzhu_images/city_more.png) no-repeat;

  width: 10px;

  height: 6px;

  display: inline-block;

  /* _margin-top: 5px; */

  margin-left: 4px;

  vertical-align: middle;

  transition: 0.3s ease-in;
}

.zg_top .city_box .on em {
  transform: rotate(180deg);
}

.zg_top .city_box .citys {
  width: 555px;

  height: 125px;

  background: #ffffff;

  box-shadow: #f3f3f3 0 0 8px;

  margin-top: 10px;

  padding-left: 20px;

  z-index: 1000;

  display: none;

  position: absolute;

  top: 15px;

  left: 0px;
}

.zg_top .city_box .citys a {
  font: 14px/14px "Microsoft YaHei";

  color: #333333;

  float: left;

  padding: 20px 24px 0 0;
}

.zg_top .city_box .citys a:hover {
  color: #ff4800;
}

.zg_top .tel {
  padding-top: 10px;

  height: 34px;

  line-height: 34px;

  background: url(../../images/newzhu_images/top_tel.png) no-repeat left 11px;

  float: right;

  font-size: 28px;

  font-weight: initial;

  text-indent: 45px;

  color: #fb4f05;

  margin-top: 31px;
}

/* 
.seach{
    width: 220px;
    height: 38px;
    border: 1px solid #e2e2e2;
    border-radius: 38px;
    float: right;
    margin: 38px 32px 0 0 ;
    position: relative;
}
.seach input{
    height: 35px;
}
.seach .zg_sub {
   position: absolute;
   right: 11px;
   top: 11px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(../../images/newzhu_images/search.png) no-repeat center center ;

}
.seach form .zg_txt{
    margin-left: 11px;
    width: 177px;
    font-size:14px;
    color: #999999;
    line-height:35px;
}
.zg_txt::-webkit-input-placeholder{
    font-size:14px;
    color:#999999;?
}?
.zg_txt:-moz-placeholder{?
    font-size:14px;
    color:#999999;?
}?
.zg_txt::-moz-placeholder{?
    font-size:14px;
    color: #999999;?
}?
.zg_txt:-ms-input-placeholder{?
    font-size:14px;
    color:#999999;?
}?
.seach form .zg_sub{
    cursor: pointer;
} */
.zg_nav {
  background: #fff;
}
.zg_nav h3 {
  width: 258px;

  height: 46px;

  background: #ff4b00;

  font: bold 16px/46px "Microsoft YaHei";

  letter-spacing: 1px;

  color: #ffffff;

  padding-left: 22px;

  float: left;
}

.zg_nav .nav_top {
  float: left;
}

.nli {
  float: left;
  margin-left: 20px;
  position: relative;
  z-index: 200;
}

.nli h4 a {
  font: 18px/46px "Microsoft YaHei";
  color: #333333;
}

.nli .nli_in {
  width: 129px;
  border-radius: 3px;
  background: #ffffff;
  position: absolute;
  top: 46px;
  left: -25px;
  box-shadow: #999999 0 0 8px;
  display: none;
  z-index: 300;
}
.nli em {
  margin: 16px 0 0 3px;
  display: inline-block;
  vertical-align: top;
}

.nli .more {
  display: none;
}

.nli em img {
  vertical-align: middle;
}

.nli > .on a {
  color: #ff4a00;
}

.nli .nli_in .on {
  background: #f4f4f4;
}

.nli_in a {
  font: 14px/14px "Microsoft YaHei";

  text-align: center;

  display: block;

  padding: 13px 0 10px 0;

  color: #333333;
}

.nli .nli_in .on a {
  color: #ff4a00;
}

.zg_nav .content {
  position: relative;

  z-index: 300;

  height: 46px;
}

.nav_left_bg {
  position: absolute;

  top: 46px;

  left: 0;

  width: 280px;

  height: 655px;
}

.nav_leftbg {
  position: relative;

  left: 0;

  top: 0px;

  width: 280px;

  height: 620px;

  background: #ffffff;

  z-index: 300;

  filter: alpha(opacity=90);

  -moz-opacity: 0.9;

  -khtml-opacity: 0.9;

  opacity: 0.9;
}

.nav_left {
  position: relative;

  z-index: 500;

  top: -620px;
  padding-bottom: 35px;
}

.nav_left li {
  padding: 9px 0 0 0;

  cursor: pointer;

  height: 27px;

  margin-top: -2px;

  vertical-align: bottom;
}

.nav_left .on {
  background: #f5f5fe;
}

.nav_left .on > span {
  font: 16px/16px "Microsoft YaHei";

  color: #333333;

  float: left;

  width: 220px;

  height: 16px;

  /* margin: -21px 0 0 54px; */
}

.nav_left > li > span,
.nav_left > li > a > span {
  font: 16px/21px "Microsoft YaHei";

  color: #333333;

  float: left;

  /* width: 217px; */

  height: 16px;

  /* margin: -21px 0 0 54px; */
}

.nav_left .on > span,
.nav_left .on > a > span {
  color: #ff4a00;
}

.nav_left li img {
  vertical-align: middle;
}

.nav_left li em {
  margin: 2px 15px 0 23px;

  float: left;
}

.nav_left li .h {
  margin: 2px 15px 0 21px;

  float: left;
}

.nav_left > li > .span1 {
  display: inline-block;

  width: 2px;

  height: 31px;

  background: #ff4a00;

  float: left;

  margin-top: -7px;

  display: none;
}

.nav_left .l1 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat 0 0;

  width: 16px;

  height: 18px;
}

.nav_left .l1h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -41px -42px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l2 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -21px 0;

  width: 16px;

  height: 18px;
}

.nav_left .l2h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -64px -42px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l3 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -41px 0;

  width: 16px;

  height: 18px;
}

.nav_left .l3h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -85px -42px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l4 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -63px 0;

  width: 16px;

  height: 18px;
}

.nav_left .l4h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat 0px -62px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l5 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -84px 0;

  width: 16px;

  height: 18px;
}

.nav_left .l5h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -64px -83px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l6 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -149px -22px;

  width: 19px;

  height: 18px;
}

.nav_left .l6h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -149px -60px;

  width: 19px;

  height: 18px;

  display: none;
}

.nav_left .l7 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -21px -18px;

  width: 16px;

  height: 18px;
}

.nav_left .l7h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -41px -60px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l8 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -41px -20px;

  width: 16px;

  height: 18px;
}

.nav_left .l8h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -20px -83px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l9 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -248px -2px;

  width: 20px;

  height: 20px;
}

.nav_left .l9h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -248px -60px;

  width: 20px;

  height: 20px;

  display: none;
}

.nav_left .l10 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -63px -19px;

  width: 16px;

  height: 18px;
}

.nav_left .l10h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -41px -82px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l11 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -84px -20px;

  width: 16px;

  height: 18px;
}

.nav_left .l11h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -63px -62px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l12 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat 0px -41px;

  width: 16px;

  height: 18px;
}

.nav_left .l12h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -84px -60px;

  width: 16px;

  height: 18px;

  display: none;
}

.nav_left .l13 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -266px 2px;

  width: 20px;

  height: 18px;
}

.nav_left .l13h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -266px -38px;

  width: 20px;

  height: 18px;

  display: none;
}

.nav_left .l14 {
  display: inline-block;

  /* background: url(../../images/newzhu_images/nav_left.png) no-repeat -214px -2px; */
  background: url(../../images/newzhu_images/nav_left.png) no-repeat -215px -60px;

  width: 21px;

  height: 18px;
}

.nav_left .l14h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -215px -60px;


  width: 21px;

  height: 18px;

  display: none;
}

.nav_left .l15 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -168px 1px;

  width: 19px;

  height: 19px;
}

.nav_left .l15h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -168px -79px;

  width: 19px;

  height: 19px;

  display: none;
}

.nav_left .ln1 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -192px 0;

  width: 17px;

  height: 20px;
}

.nav_left .ln1h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -192px -80px;

  width: 17px;

  height: 20px;

  display: none;
}
.nav_left .ln2 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -190px -22px;

  width: 17px;

  height: 20px;
}

.nav_left .ln2h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -190px -59px;

  width: 17px;

  height: 20px;

  display: none;
}
.nav_left .ln3 {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -218px -24px;

  width: 21px;

  height: 20px;
}

.nav_left .ln3h {
  display: inline-block;

  background: url(../../images/newzhu_images/nav_left.png) no-repeat -218px -81px;

  width: 21px;

  height: 20px;

  display: none;
}

.nav_left_in {
  position: absolute;

  left: 280px;

  top: -1px;

  background: #ffffff;

  width: 320px;

  padding: 20px 0 30px 0;

  display: none;

  border-top: 1px solid rgb(233, 233, 233);
  z-index: 300;

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;
  overflow: hidden;
  box-shadow: 2px 1px 3px #f1f1f1;
}

.nav_left .rz {
  top: 78px;
}

.nav_left li .nav_left_in .t {
  width: 280px;
  height: 132px;
  background: url(../../images/newzhu_images/nav_rt.png) no-repeat top left;
  margin: 0 auto 0;
}
.nav_left li .java .t {
  background: url(../../images/newzhu_images/nav_rtjava.png) no-repeat top left;
}
.nav_left li .python .t {
  background: url(../../images/newzhu_images/nav_rtpython.png) no-repeat top
    left;
}
.nav_left li .ui .t {
  background: url(../../images/newzhu_images/nav_rtpm.png) no-repeat top left;
}
.nav_left li .dsj .t {
  background: url(../../images/newzhu_images/nav_rtdsj.png) no-repeat top left;
}
.nav_left li .rjcs .t {
  background: url(../../images/newzhu_images/nav_rtrc.png) no-repeat top left;
}
.nav_left li .linux .t {
  background: url(../../images/newzhu_images/nav_rtlinux.png) no-repeat top left;
}
.nav_left li .vr .t {
  background: url(../../images/newzhu_images/nav_rtvr.png) no-repeat top left;
}
.nav_left li .yx .t {
  background: url(../../images/newzhu_images/nav_rtseo.png) no-repeat top left;
}

.nav_left li .ds .t {
  background: url(../../images/newzhu_images/nav_rtds.png) no-repeat top left;
}

.nav_left li .rz .t {
  background: url(../../images/newzhu_images/nav_rtpmp.png) no-repeat top left;
}

.nav_left li .nav_left_in .t p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  padding: 15px 0 0 18px;
}

.nav_left li .nav_left_in .t a {
  width: 218px;
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  margin: 30px 0 0 18px;
}
.nav_left li .nav_left_in .t a img {
  float: right;

  margin: 2px 0 00 0;
}
.nav_left li .nav_left_in dl {
  width: 280px;
  margin: 10px auto 0;
}
.nav_left li .nav_left_in dl dd {
  width: 50%;
  float: left;
  /* margin: 30px 0 0 0; */
  padding: 12px 0;
}
.nav_left li .nav_left_in dl dd img {
  display: block;
  margin: 0 auto 10px;
  height: 34px;
  width: auto;
}
.nav_left li .nav_left_in dl dd i {
  display: block;
  text-align: center;
  font-size: 14px;
}

.nav_left li .nav_left_in .b {
  width: 280px;
  height: 60px;
  background-color: #fcf2ed;
  border-radius: 5px;
  margin: 19px auto 0;
}
.nav_left li .nav_left_in .b a {
  float: left;
  width: 33.33%;
  font-size: 12px;
  color: #673300;
  line-height: 16px;
  text-align: center;
  padding-top: 25px;
}

.nav_left li .nav_left_in .b a:hover {
  position: relative;
  top: -2px;
  transition: 0.5s;
}

.nav_left li .nav_left_in .b a img {
  vertical-align: top;
  margin: 0 3px 0 0;
}

.yingxiao .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat 0px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.yingxiao .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -33px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -31px -26px;

  width: 24px;

  height: 25px;

  display: none;
}

.yingxiao .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -64px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -64px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.yingxiao .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -96px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -96px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.yingxiao .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -128px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -128px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.yingxiao .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -162px 0px;

  width: 24px;

  height: 25px;
}

.yingxiao .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/yingxiao.png) no-repeat -162px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.ar .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.ar .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat 0px -26px;

  width: 24px;

  height: 25px;

  display: none;
}

.ar .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -32px 0px;

  width: 27px;

  height: 25px;
}

.ar .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -32px -26px;

  width: 27px;

  height: 25px;

  display: none;
}

.ar .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -65px 0px;

  width: 27px;

  height: 25px;
}

.ar .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -65px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.ar .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -98px 0px;

  width: 27px;

  height: 25px;
}

.ar .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -98px -26px;

  width: 27px;

  height: 25px;

  display: none;
}

.ar .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -255px -28px;

  width: 91px;

  height: 20px;
}

.ar .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -255px -28px;

  width: 91px;

  height: 20px;

  display: none;
}

.ar .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -215px 0px;

  width: 27px;

  height: 25px;
}

.ar .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/ar.png) no-repeat -215px -28px;

  width: 27px;

  height: 25px;

  display: none;
}

.nav_left li .nav_left_in .arlast {
  margin: 36px 14px 0px 14px;

  width: 115px;

  height: 50px;

  border-radius: 50px;

  background: #f5f5f5;
}

.nav_left li .nav_left_in .arlast em {
  margin: 8px 30px 0 22px;

  float: left;
}

.quanzhan .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.quanzhan .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat 0px -29px;

  width: 24px;

  height: 25px;

  display: none;
}

.quanzhan .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -203px 0px;

  width: 26px;

  height: 25px;
}

.quanzhan .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -203px -32px;

  width: 26px;

  height: 25px;

  display: none;
}

.quanzhan .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -238px 0px;

  width: 24px;

  height: 26px;
}

.quanzhan .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -238px -32px;

  width: 24px;

  height: 26px;

  display: none;
}

.quanzhan .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -271px 0px;

  width: 26px;

  height: 26px;
}

.quanzhan .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -271px -32px;

  width: 26px;

  height: 26px;

  display: none;
}

.quanzhan .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -164px 0px;

  width: 28px;

  height: 29px;
}

.quanzhan .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/quanzhan.png) no-repeat -164px -31px;

  width: 28px;

  height: 29px;

  display: none;
}

.java .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.java .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat 0px -37px;

  width: 24px;

  height: 25px;

  display: none;
}

.java .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -32px 0px;

  width: 27px;

  height: 25px;
}

.java .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -32px -37px;

  width: 27px;

  height: 25px;

  display: none;
}

.java .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -65px 0px;

  width: 27px;

  height: 25px;
}

.java .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -65px -37px;

  width: 27px;

  height: 25px;

  display: none;
}

.java .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -100px 0px;

  width: 29px;

  height: 27px;
}

.java .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -100px -37px;

  width: 29px;

  height: 27px;

  display: none;
}

.java .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -136px 0px;

  width: 52px;

  height: 25px;
}

.java .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/java.png) no-repeat -136px -37px;

  width: 52px;

  height: 25px;

  display: none;
}

.php .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.php .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat 0px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.php .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -30px 0px;

  width: 24px;

  height: 25px;
}

.php .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -30px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.php .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -65px 0px;

  width: 24px;

  height: 25px;
}

.php .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -65px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.php .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -96px 0px;

  width: 24px;

  height: 25px;
}

.php .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -96px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.php .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -127px 0px;

  width: 24px;

  height: 25px;
}

.php .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -127px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.php .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -159px 0px;

  width: 24px;

  height: 25px;
}

.php .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/php.png) no-repeat -159px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

/* daohuo */

.jiqiren .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat 0px 0px;

  width: 34px;

  height: 33px;
}

.jiqiren .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat 0px -40px;

  width: 34px;

  height: 33px;

  display: none;
}

.jiqiren .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -43px 0px;

  width: 30px;

  height: 33px;
}

.jiqiren .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -43px -40px;

  width: 30px;

  height: 33px;

  display: none;
}

.jiqiren .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -84px 0px;

  width: 30px;

  height: 33px;
}

.jiqiren .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -84px -40px;

  width: 30px;

  height: 33px;

  display: none;
}

.jiqiren .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -128px 0px;

  width: 33px;

  height: 33px;
}

.jiqiren .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -128px -40px;

  width: 33px;

  height: 33px;

  display: none;
}

.jiqiren .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -172px 0px;

  width: 30px;

  height: 33px;
}

.jiqiren .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -172px -39px;

  width: 30px;

  height: 33px;

  display: none;
}

.jiqiren .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -213px 0px;

  width: 30px;

  height: 33px;
}

.jiqiren .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/jiqiren.png) no-repeat -213px -40px;

  width: 30px;

  height: 33px;

  display: none;
}

.dashuju .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.dashuju .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat 0px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.dashuju .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -33px 0px;

  width: 24px;

  height: 25px;
}

.dashuju .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -33px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.dashuju .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -65px 0px;

  width: 26px;

  height: 25px;
}

.dashuju .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -65px -35px;

  width: 26px;

  height: 25px;

  display: none;
}

.dashuju .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -100px 0px;

  width: 25px;

  height: 25px;
}

.dashuju .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -100px -35px;

  width: 25px;

  height: 25px;

  display: none;
}

.dashuju .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -136px 0px;

  width: 25px;

  height: 25px;
}

.dashuju .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/dashuju.png) no-repeat -136px -35px;

  width: 25px;

  height: 25px;

  display: none;
}

.ceshi {
  padding-bottom: 50px;
}

.ceshi .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.ceshi .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat 0px -37px;

  width: 24px;

  height: 25px;

  display: none;
}

.ceshi .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -31px 0px;

  width: 24px;

  height: 27px;
}

.ceshi .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -31px -37px;

  width: 24px;

  height: 27px;

  display: none;
}

.ceshi .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -64px -2px;

  width: 24px;

  height: 25px;
}

.ceshi .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -64px -39px;

  width: 24px;

  height: 25px;

  display: none;
}

.ceshi .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -97px -2px;

  width: 24px;

  height: 25px;
}

.ceshi .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -97px -39px;

  width: 24px;

  height: 25px;

  display: none;
}

.ceshi .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -129px -2px;

  width: 24px;

  height: 25px;
}

.ceshi .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/ceshi.png) no-repeat -129px -39px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.linux .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat 0px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -34px 0px;

  width: 24px;

  height: 25px;
}

.linux .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -34px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -68px 0px;

  width: 24px;

  height: 25px;
}

.linux .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -68px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -104px 0px;

  width: 24px;

  height: 25px;
}

.linux .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -104px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -138px 0px;

  width: 24px;

  height: 25px;
}

.linux .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -138px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.linux .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -167px 0px;

  width: 24px;

  height: 25px;
}

.linux .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/linux.png) no-repeat -167px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.anquan {
  padding-bottom: 155px;
}

.anquan .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.anquan .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat 0px -33px;

  width: 24px;

  height: 25px;

  display: none;
}

.anquan .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -31px 0px;

  width: 24px;

  height: 25px;
}

.anquan .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -31px -33px;

  width: 27px;

  height: 25px;

  display: none;
}

.anquan .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -63px 0px;

  width: 24px;

  height: 27px;
}

.anquan .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -63px -33px;

  width: 24px;

  height: 27px;

  display: none;
}

.anquan .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -89px 0px;

  width: 64px;

  height: 22px;
}

.anquan .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/anquan.png) no-repeat -89px -33px;

  width: 64px;

  height: 22px;

  display: none;
}

.nav_left li .nav_left_in .last {
  margin: 36px 14px 0px 14px;

  width: 115px;

  height: 50px;

  border-radius: 50px;

  background: #f5f5f5;
}

.nav_left li .nav_left_in .last em {
  margin: 8px 30px 0 33px;

  float: left;
}

.python .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.python .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat 0px -32px;

  width: 24px;

  height: 25px;

  display: none;
}

.python .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -33px 0px;

  width: 24px;

  height: 25px;
}

.python .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -33px -32px;

  width: 27px;

  height: 25px;

  display: none;
}

.python .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -64px 0px;

  width: 24px;

  height: 27px;
}

.python .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -64px -32px;

  width: 24px;

  height: 27px;

  display: none;
}

.python .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -100px 0px;

  width: 24px;

  height: 22px;
}

.python .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -100px -32px;

  width: 24px;

  height: 22px;

  display: none;
}

.python .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -137px 0px;

  width: 50px;

  height: 22px;
}

.python .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -137px 0px;

  width: 50px;

  height: 22px;

  display: none;
}

.python .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -197px 0px;

  width: 24px;

  height: 25px;
}

.python .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/python.png) no-repeat -197px -32px;

  width: 24px;

  height: 25px;

  display: none;
}

.nav_left li .nav_left_in .python .last {
  margin: 36px 14px 0px 14px;

  width: 115px;

  height: 50px;

  border-radius: 50px;

  background: #f5f5f5;
}

.nav_left li .nav_left_in .python .last em {
  margin: 8px 30px 0 30px;

  float: left;
}

.ui .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.ui .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat 0px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.ui .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -33px 0px;

  width: 24px;

  height: 25px;
}

.ui .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -33px -35px;

  width: 24px;

  height: 25px;

  display: none;
}

.ui .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -68px 0px;

  width: 26px;

  height: 25px;
}

.ui .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -68px -35px;

  width: 26px;

  height: 25px;

  display: none;
}

.ui .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -105px 0px;

  width: 25px;

  height: 25px;
}

.ui .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -105px -35px;

  width: 25px;

  height: 25px;

  display: none;
}

.ui .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -141px 0px;

  width: 25px;

  height: 25px;
}

.ui .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/ui.png) no-repeat -141px -35px;

  width: 25px;

  height: 25px;

  display: none;
}

.qianru .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.qianru .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat 0px -34px;

  width: 24px;

  height: 25px;

  display: none;
}

.qianru .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -29px 0px;

  width: 27px;

  height: 25px;
}

.qianru .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -29px -34px;

  width: 27px;

  height: 25px;

  display: none;
}

.qianru .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -64px 0px;

  width: 29px;

  height: 24px;
}

.qianru .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -64px -34px;

  width: 29px;

  height: 24px;

  display: none;
}

.qianru .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -100px 0px;

  width: 29px;

  height: 27px;
}

.qianru .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -100px -34px;

  width: 29px;

  height: 27px;

  display: none;
}

.qianru .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -132px 0px;

  width: 27px;

  height: 25px;
}

.qianru .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -132px -34px;

  width: 27px;

  height: 25px;

  display: none;
}

.qianru .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -168px 0px;

  width: 31px;

  height: 25px;
}

.qianru .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/qianru.png) no-repeat -168px -34px;

  width: 31px;

  height: 25px;

  display: none;
}

.renzheng {
  padding: 0 0 160px 0;
}

.renzheng .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/renzheng.png) no-repeat 0px 0px;

  width: 30px;

  height: 25px;
}
.renzheng .in1h {
  display: inline-block;
  background: url(../../images/newzhu_images/renzheng.png) no-repeat 0px -40px;
  width: 30px;
  height: 25px;
  display: none;
}
.renzheng .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/renzheng.png) no-repeat -40px -2px;

  width: 38px;

  height: 25px;
}
.renzheng .in2h {
  display: inline-block;
  background: url(../../images/newzhu_images/renzheng.png) no-repeat -40px -42px;
  width: 38px;
  height: 25px;
  display: none;
}
.renzheng .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/renzheng.png) no-repeat -86px -0px;

  width: 38px;

  height: 32px;
}
.renzheng .in3h {
  display: inline-block;
  background: url(../../images/newzhu_images/renzheng.png) no-repeat -86px -37px;
  width: 38px;
  height: 32px;
  display: none;
}
.renzheng .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/renzheng.png) no-repeat -127px -0px;

  width: 30px;

  height: 32px;
}
.renzheng .in4h {
  display: inline-block;
  background: url(../../images/newzhu_images/renzheng.png) no-repeat -127px -36px;
  width: 30px;
  height: 32px;
  display: none;
}
.renzheng .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/renzheng.png) no-repeat -164px -2px;

  width: 30px;

  height: 32px;
}
.renzheng .in5h {
  display: inline-block;
  background: url(../../images/newzhu_images/renzheng.png) no-repeat -164px -37px;
  width: 30px;
  height: 32px;
  display: none;
}

.dianshang .in1 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat 0px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in1h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat 0px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in2 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -33px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in2h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -33px -27px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in3 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -68px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in3h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -68px -28px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in4 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -104px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in4h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -104px -28px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in5 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -142px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in5h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -142px -30px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in6 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -175px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in6h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -175px -28px;

  width: 24px;

  height: 25px;

  display: none;
}

.dianshang .in7 {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -212px 0px;

  width: 24px;

  height: 25px;
}

.dianshang .in7h {
  display: inline-block;

  background: url(../../images/newzhu_images/dianshang2.png) no-repeat -212px -30px;

  width: 24px;

  height: 25px;

  display: none;
}

.nav_left li .dianshang {
  padding-bottom: 35px;
}

.nav_left li .dianshang em {
  margin: 38px 60px 10px 60px;

  float: left;
}

.nav_left li .dianshang dd {
  height: 80px;
}

.zg_part1 {
  width: 100%;
  padding-bottom: 70px;
  background: #fafbfc;
}
/* fuli */

.zg_fuli {
  width: 900px;

  height: 190px;

  background: #ffffff;

  float: right;

  margin-top: 20px;
}

.zg_fuli li {
  float: left;

  width: 224px;

  height: 95px;

  /* margin: 1px 1px 0 0; */

  border-right: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

  cursor: pointer;

  position: relative;

  overflow: hidden;
}

.zg_fuli .bot {
  border-bottom: none;
}

.zg_fuli li img {
  margin: 23px 0 0 40px;

  float: left;
}

.zg_fuli li span {
  font: bold 16px/20px "Microsoft YaHei";

  float: right;

  margin: 40px 30px 0 0;

  width: 65px;

  text-align: center;
}

.zg_fuli .on {
  box-shadow: #999999 0 0 8px;
}

.zg_fuli .on span {
  color: #e34571;
}

.zg_fuli li .long {
  margin: 32px 24px 0 0;
}

.zg_fuli li .bg {
  display: block;

  width: 145px;

  height: 85px;

  background: rgba(246, 117, 36, 0.9);

  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5f67524, endcolorstr=#e5f67524);

  font: 14px/22px "Microsoft YaHei";

  color: #ffffff;

  text-align: center;

  position: absolute;

  top: 95px;

  left: 0;

  padding: 10px 40px 0 40px;

  transition: 0.3s linear;

  margin: 0;
}

.zg_fuli li .bg em {
  /* position: relative; */
}

.zg_fuli li .less em {
  font-size: 14px;

  display: block;

  padding-top: 10px;
}

.zg_fuli li .bg a {
  display: block;

  width: 90px;

  height: 25px;

  border: 1px solid #ffffff;

  border-radius: 30px;

  font: 14px/25px "Microsoft YaHei";

  color: #ffffff;

  text-align: center;

  position: absolute;

  top: 57px;
  left: 65px;
}

.zg_fuli li .bg .longer1 {
  left: 16px;
}

.zg_fuli li .bg .longer2 {
  left: 4px;
}

.zg_fuli .on .bg {
  top: 0;
}
/* banner */
.zg_banner {
  width: 100%;
  /* height: 638px; */
  position: relative;
  height: 400px;
  z-index: 100;
  overflow: hidden;
}
.zg_banner .hd {
  position: relative;
  z-index: 10;
}
.zg_banner .hd .prev {
  width: 38px;
  height: 80px;
  background: url(../../images/newzhu_images/rongyu_prev.png) no-repeat;
  position: absolute;
  left: 280px;
  top: 155px;
}
.zg_banner .hd .next {
  width: 38px;
  height: 80px;
  background: url(../../images/newzhu_images/rongyu_next.png) no-repeat;
  position: absolute;
  left: 1162px;
  top: 155px;
}
.banner_btn {
  z-index: 20;
  cursor: pointer;
  display: none;
}
.zg_banner:hover .banner_btn {
  display: block;
}
.zg_banner .hd ul {
  position: absolute;
  top: 375px;
  left: 703px;
  z-index: 10;
}
.zg_banner .hd ul li {
  display: block;
  width: 13px;
  height: 6px;
  border-radius: 2px;
  margin-right: 5px;
  background: #ffffff;
  float: left;
  cursor: pointer;
  opacity: 0.5;
}
.zg_banner .hd ul li.on {
  opacity: 1;
}
.zg_banner .bd ul {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.zg_banner .bd {
  position: relative;
  width: 1920px;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.zg_banner .bd ul .banner1 {
  background: url(../../images/newzhu_images/banner1.jpg) no-repeat center
    center;
  width: 1920px;
  height: 400px;
  /* margin-left: -960px; */
}
.zg_banner .bd ul .banner2 {
  background: url(../../images/newzhu_images/banner2.jpg) no-repeat center
    center;
  width: 1920px;
  height: 410px;
  /* margin-left: -960px; */
}

.zg_banner .bd ul li a {
  display: block;
  width: 100%;
  height: 400px;
}
/* ???????? */
.zg_part2 {
  background: #fafbfc;
  padding-bottom: 70px;
}
.tit {
}
.tit h3,
.tit h3 a {
  font: bold 24px/24px "Microsoft YaHei";
  color: #333;
  float: left;
}
.tit a {
  float: right;
  color: #999;
  font-size: 14px;
  margin: 4px 0 0 0;
}

.tit h3 a {
  color: #333;
}

.zg_part2 .cont {
  margin-top: 35px;
}
.zg_part2 .cont .l {
  float: left;
  width: 523px;
  height: 390px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px #fefefe;
  overflow: hidden;
  box-shadow: 0 0 15px #e0e0e0;
}

.zg_part2 .cont .l dl {
  margin: 20px 20px 0 20px;
}
.zg_part2 .cont .l dl dt {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.zg_part2 .cont .l dl:hover dt {
  color: #ff4e01;
}

.zg_part2 .cont .l dl dd {
  font-size: 14px;
  line-height: 14px;
  color: #666;
  margin-top: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zg_part2 .cont .r {
  float: right;
  width: 645px;
}
.zg_part2 .cont .r div {
  background: #fff;
  width: 645px;
  height: 170px;
  border-radius: 5px;
  box-shadow: 0 0 5px #fefefe;
  overflow: hidden;
  margin: 0 0 50px 0;
  box-shadow: 0 0 15px #e0e0e0;
}

.zg_part2 .cont .r div img {
  float: left;
}
.zg_part2 .cont .r div dl {
  float: left;
  width: 300px;
  margin: 40px 0 0 20px;
}
.zg_part2 .cont .r dl dt {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.zg_part2 .cont .r dl dt a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zg_part2 .cont .r dl:hover dt {
  color: #ff4e01;
}

.zg_part2 .cont .r dl dd {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  margin-top: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.zg_part2 .cont > .l:hover img {
  transition: 1s;
  transform: scale(1.05);
}

.zg_part2 .cont > .r > div:hover img {
  transition: 1s;
  transform: scale(1.05);
}

.zg_part2 .bot {
  width: 1200px;
  background: #fcf6f2;
  box-shadow: 0 0 15px #faf7f5;
}
.zg_part2 .bot div {
  float: left;
  background: url(../../images/newzhu_images/p2_b0.jpg) no-repeat center center;
  width: 250px;
  height: 129px;
  position: relative;
}
.zg_part2 .bot div .b2 {
  position: absolute;
  top: 23px;
  left: 10px;
  animation: scal 3s linear infinite;
  -webkit-animation: scal 3s linear infinite;
  -o-animation: scal 3s linear infinite;
  -moz-animation: scal 3s linear infinite;
  -ms-animation: scal 3s linear infinite;
}
.zg_part2 .bot div .b1 {
  position: absolute;
  top: 28px;
  left: 58px;
}
@keyframes scal {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
}

.zg_part2 .bot ul {
  float: left;
  margin-top: 33px;
}

.zg_part2 .bot ul li {
  float: left;
  width: 236px;
  height: 70px;
  border-right: 1px solid #dedad7;
}
.zg_part2 .bot ul li:last-child {
  border: none;
}
.zg_part2 .bot ul li p {
  font-size: 16px;
  line-height: 35px;
  margin: 0 0 0 55px;
}
.zg_part2 .bot ul li p span {
  display: inline-block;
  font-size: 30px;
  color: #ff4e01;
  font-weight: bold;
}

.zg_part2 .bot ul li:hover span {
  transition: 1s;
  -webkit-transform: rotateX(360deg); /* for Chrome || Safari */
  -moz-transform: rotateX(360deg); /* for Firefox */
  -ms-transform: rotateX(360deg); /* for IE */
  -o-transform: rotateX(360deg); /* for Opera */
}

/* ????????? */

.zg_part3 {
  background: url(../../images/newzhu_images/part3.jpg) no-repeat center bottom;
  width: 100%;
  height: 587px;
}
.zg_part3 .content {
}
.zg_part3 .cont {
  margin: 36px 0 0 0;
}
.zg_part3 .cont .l {
  float: left;
  width: 236px;
  margin: 77px 0 0 0;
  display: none;
}
.zg_part3 .cont .l > img {
  margin: 0 0 0 31px;
  margin: 0 0 0 47px;
  height: 150px;
}
.zg_part3 .cont .l h4 {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  margin-top: 23px;
}
.zg_part3 .cont .l p {
  width: 236px;
  height: 38px;
  background: #ff4e01;
  font-size: 16px;
  text-align: center;
  color: #fff;
  line-height: 38px;
  margin-top: 35px;
}

.zg_part3 .cont .l ul {
  margin-top: 40px;
}
.zg_part3 .cont .l ul li {
  font-size: 16px;
  color: #666;
  margin: 17px 0 0 24px;
}
.zg_part3 .cont .r {
  width: 877px;
  float: right;
  position: relative;
}
.zg_part3 .cont .r .same {
  width: 310px;
  height: 276px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 99px;
  right: 0;
}

.zg_part3 .cont .r .same h5 {
  font-size: 18px;
  line-height: 26px;
  margin: 25px 0 0 23px;
  font-weight: bold;
}
.zg_part3 .cont .r .same h5 img {
  vertical-align: top;
  margin: 3px 10px 0 0;
}
.zg_part3 .cont .r .same h5:hover img {
  transform: scale(1.1);
  transition: 0.5s;
}

.zg_part3 .cont .r .same h5 em {
  display: block;
  width: 150px;
  height: 8px;
  background: #fff1f1;
  border-right: 8px;
  margin: -8px 0 0 38px;
}

.zg_part3 .cont .r .same ul {
  padding: 0 30px 0 30px;

  margin-top: 6px;
}

.zg_part3 .cont .r .same ul li {
  padding-top: 18px;
}

.zg_part3 .cont .r .same ul li em {
  float: right;

  position: relative;

  left: 66px;

  top: -9px;

  display: none;
}

.zg_part3 .cont .r .same ul .on em {
  display: block;
}

.zg_part3 .cont .r .same ul li a span {
  padding: 0;

  font: 14px/14px "Microsoft YaHei";

  color: #333333;
}

.zg_part3 .cont .r .same ul .on span {
  color: #fc4a04;
}

.zg_part3 .cont .r .same ul li .time {
  float: left;
}

.zg_part3 .cont .r .same ul li .state {
  float: right;
}

.zg_part3 .cont .r .t {
  height: 99px;
}

.slide3 {
}
.slide3 .hd {
  position: relative;
}
.slide3 .hd span {
  position: absolute;
  top: 40px;
  z-index: 100;
  cursor: pointer;
}
.slide3 .hd .prev {
  left: 15px;
}
.slide3 .hd .next {
  right: 15px;
}

.slide3 .bd li {
  float: left;
  font-size: 16px;
  line-height: 30px;
  color: #d3bcee;
  text-align: center;
  margin: 33px 0 0 8px;
}

.slide3 .bd li i {
  display: none;
  width: 32px;
  height: 4px;
  background: #fff;
  margin: 0 auto 0;
}
.slide3 .bd .on i {
  display: block;
}

.slide3 .bd .on {
  color: #fff;
}

.zg_part3 .cont .r .txt {
  display: none;
}
.zg_part3 .cont .r .txt_t {
  width: 540px;
  height: 275px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.zg_part3 .cont .r .txt_t ul {
  margin: 30px 0 0 30px;
}
.zg_part3 .cont .r .txt_t ul li {
  float: left;
  height: 112px;
  width: 160px;
  border-right: 1px dashed #e9e9e9;
  border-bottom: 1px dashed #e9e9e9;
}
.zg_part3 .cont .r .txt_t ul li p {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #666;
  padding-top: 5px;
}
.zg_part3 .cont .r .txt_t ul .l2 {
  border-bottom: none;
}
.zg_part3 .cont .r .txt_t ul .l3 {
  border-right: none;
}
.zg_part3 .cont .r .txt_t ul li img {
  display: block;
  margin: 0 auto 0;
}

.zg_part3 .cont .r .txt_t ul li:hover img {
  transform: rotateY(360deg);
  transition: 1s;
}

.zg_part3 .cont .r .txt_t ul .l2 img {
  margin: 17px auto 0;
}
.zg_part3 .cont .r .txt .txt_b {
  margin-top: 30px;
}
.zg_part3 .cont .r .txt .txt_b h4 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.zg_part3 .cont .r .txt .txt_b .tit3 a {
  float: right;
  font-size: 14px;
  color: #e6bfd0;
  margin: 2px 00 0 0;
}

.zg_part3 .cont .r .txt .txt_b ul {
  width: 1200px;
  margin: 20px 0 0 0;
}
.zg_part3 .cont .r .txt .txt_b ul li {
  float: left;
  width: 273px;
  margin: 0 30px 18px 0;
}
.zg_part3 .cont .r .txt .txt_b ul li i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #9f6cf8;
  vertical-align: top;
  margin: 5px 10px 0 0;
}

.zg_part3 .cont .r .txt .txt_b ul li a {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.zg_part3 .cont .r .txt .txt_b ul li:hover i {
  background: #fbff09;
}

.zg_part3 .cont .r .txt .txt_b ul li:hover a {
  color: #fbff09;
}

/* ???????? */
.part4 {
  background: #ffffff;
  padding: 59px 0 0 0;
  overflow: hidden;
}

.part4 .top {
  margin-top: 30px;position:relative;overflow: hidden;
}

.part4 .top .hd {
  position: absolute;top:0;width:100%;
}
.part4 .top .hd span {
  position: absolute;
  font-size:18px;
  font-weight:bold;
  font-family:'KaiTi';
  line-height: 20px;
  top: 0px;
  z-index: 100;
  cursor: pointer;
}
.part4 .top .hd .prev {
  left: 0;
}
.part4 .top .hd .next {
  right: 0;
}
.part4 .top ul {
  float: left;
}
.part4 .top ul li {
  float: left;
  border-bottom: 3px solid #fff;
  margin: 0 48px 0 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  color: #666;
  /* width: auto !important; */
}

.part4 .top ul li a {
  font-size: 16px;
  color: #666;
}

.part4 .top ul .on {
  border-bottom: 3px solid #ff4b00;
  color: #ff4b00;
}

.part4 .top ul .on a {
  color: #ff4b00;
}
.part4 .top .bd{margin:0 20px;overflow:hidden;}
.part4 .top .bd ul li{margin: 0;text-align: center;}
.part4 .top ul .on{border: 0;position:relative}
.part4 .top ul .on::after{position:absolute;content:'';width:20px;height:3px;background:#ff4b00;bottom:0;left:50%;margin-left:-10px;}
.part4 .top > a {
  float: right;
  font-size: 14px;
  color: #666;
}

.part4 .txt {
  margin-top: 23px;
  width: 1222px;
}
.part4 .txt > a {
  float: left;
  width: 250px;
  height: 310px;
  overflow: hidden;
}
.part4 .txt > a img {
  width: 250px;
  height: 310px;
}
.part4 .txt ul {
  float: left;
  width: 955px;
  display: none;
}
.part4 .txt ul li {
  width: 214px;
  float: left;
  margin: 0 0 20px 24px;
}
.part4 .txt ul li img {
  width: 212px;
  height: 120px;
  border-radius: 5px;
}
.part4 .txt ul li p {
  font-size: 14px;
  color: #666;
  padding: 10px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ????????? */
.zg_part5 {
  background: #ffffff;
  padding: 40px 0 0 0;
}
.zg_part5 .tit select {
  float: left;
  width: 200px;
  height: 37px;
  border: 1px solid rgb(201, 201, 201);
  border-radius: 3px;
  margin: -5px 0 0 30px;
  font-size: 16px;
  color: #ff6a1a;
  padding: 0 10px;
  outline: none;
}

.zg_part5 .tit div {
  float: left;
  width: 180px;
  height: 37px;
  border: 1px solid rgb(201, 201, 201);
  border-radius: 3px;
  margin: -5px 0 0 30px;
  font-size: 16px;
  color: #ff6a1a;
  padding: 0 10px;
  outline: none;
  position: relative;
  z-index: 10;
}
.zg_part5 .tit div h5 {
  font-size: 16px;
  line-height: 37px;
  color: #ff6a1a;
  position: relative;
}
.zg_part5 .tit div h5 img {
  position: absolute;
  top: 15px;
  right: 0px;
}
.zg_part5 .tit div ul {
  position: absolute;
  top: 37px;
  left: 0;
  width: 180px;
  background: #fff;
  padding: 10px 10px;
  box-shadow: 0 0px 3px #e9e9e9;
  display: none;
}
.zg_part5 .tit div:hover ul {
  display: block;
}
.zg_part5 .tit div ul li {
  font-size: 14px;
  line-height: 36px;
  color: #737373;
  cursor: pointer;
}

.zg_part5 .tit div ul li:hover {
  color: #ff6a1a;
}

.zg_part5 .cont {
  margin-top: 30px;
  width: 100%;
  height: 810px;
  background: url(../../images/newzhu_images/part5.jpg) no-repeat center top;
}

.zg_part5 .cont .top {
  width: 1200px;
  overflow: hidden;
  padding-top: 40px;
  height: 90px;
}
.zg_part5 .cont .top ul {
  width: 1220px;
}
.zg_part5 .cont .top li {
  height: 60px;
  width: 270px;
  float: left;
  border-right: 1px solid #ff995a;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.zg_part5 .cont .top li span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin: -5px 0 22px 0;
}
.zg_part5 .cont_in {
  width: 1200px;
  height: 623px;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.zg_part5 .cont_in .txt {
  height: 421px;
  overflow: hidden;
  display: none;
}
.zg_part5 .cont_in .txt ul {
  margin: 10px 0 0 10px;
  width: 1222px;
}
.zg_part5 .cont_in .txt ul li {
  float: left;
  margin: 0 12px 12px 0;
  border-radius: 5px;
  overflow: hidden;
}
.zg_part5 .cont_in .txt ul li:hover img {
  transform: scale(1.03);
  transition: 0.5s;
}

.zg_part5 .cont_in .txt ul .l3 {
  /* margin: -207px 12px 12px 0; */
  position: relative;
  top: -207px;
}

.zg_part5 .cont_in .txt ul li p {
  height: 34px;
  width: 100%;

  position: relative;
  top: -34px;

  background: rgba(0, 0, 0, 0.2) none repeat scroll !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.zg_part5 .cont_in .txt ul li p span {
  display: block;
  padding: 0 0 0 32px;
  font-size: 16px;
  line-height: 34px;
  color: #fff;
}

.zg_part5 .cont_in .bot {
  margin-top: 38px;
}
.zg_part5 .cont_in .bot h6 {
  padding-left: 10px;
  text-align: left;
  border-left: 4px solid #ff6818;
  margin: 0 0 0 10px;
  font-size: 20px;
  line-height: 20px;
}
.zg_part5 .cont_in .bot h6 span {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  display: inline-block;
  margin: 0 0 0 10px;
}
.slide5 {
  margin-top: 18px;
}
.slide5 .hd {
  position: relative;
}
.slide5 .hd span {
  position: absolute;
  top: 30px;
  z-index: 100;
  cursor: pointer;
}
.slide5 .hd .prev {
  left: 10px;
}
.slide5 .hd .next {
  right: 10px;
}

.slide5 .bd li {
  width: 120px;
  height: 100px;
  border-radius: 3px;
  float: left;
}
.slide5 .bd li span {
  display: block;
  width: 50px;
  height: 50px;
  background: #f5ede8;
  border-radius: 50px;
  margin: 11px auto 0;
  overflow: hidden;
}
.slide5 .bd li p {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  padding-top: 12px;
}
.slide5 .bd li:hover {
  background: #ff8e38;
}
.slide5 .bd li:hover span {
  background: #ff8e38;
}
.slide5 .bd li:hover p {
  color: #fff;
}
.slide5 .bd li:hover .s {
  display: none;
}
.slide5 .bd li:hover .h {
  display: block;
}

.slide5 .bd img {
  display: block;
  margin: 10px auto 0;
}
.slide5 .bd .h {
  display: none;
}

/* ??????? */

.zg_part6 {
  background: #ffffff;
  overflow: hidden;
  position: relative;
  padding: 45px 0 0 0;
}

.zg_part6 .cont {
  margin-top: 30px;
  width: 1200px;
  height: 309px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 15px rgb(230, 228, 228);
}
.zg_part6 .cont > a {
  float: left;
}
.zg_part6 .cont div {
  background: url(../../images/newzhu_images/p6_bg.jpg) no-repeat center right;
  width: 800px;
  height: 309px;
  float: left;
}
.zg_part6 .cont div ul {
  width: 911px;
}

.zg_part6 .cont div ul li {
  float: left;
  width: 266px;
  height: 155px;
  border-left: 1px solid #fad081;
  border-bottom: 1px solid #fad081;
  position: relative;
}
.zg_part6 .cont div ul li > img {
  display: block;
  margin: 40px auto 0;
}

.zg_part6 .cont div ul li a > img {
  display: block;
  margin: 40px auto 0;
}

.zg_part6 .cont div ul li p {
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-top: 18px;
}
.zg_part6 .cont div ul li i {
  display: block;
  width: 28px;
  height: 3px;
  background: #f1bc6e;
  border-radius: 3px;
  margin: 15px auto 0;
}
.zg_part6 .cont div ul li div {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 268px;
  height: 154px;
  background: #fff;
}
.zg_part6 .cont div ul li:hover div {
  display: block;
}
.zg_part6 .cont div ul li div span {
  display: block;
  font-size: 20px;
  text-align: center;
  margin: 38px 0 0 0;
}
.zg_part6 .cont div ul li div span em {
  font-weight: bold;
  color: #ff6702;
}
.zg_part6 .cont div ul li div a {
  display: block;
  margin: -25px auto 0;
  text-align: center;
}

/* ??????? */
.zg_part7 {
  background: #ffffff;
  padding: 70px 0 47px 0;
}
.zg_part7 .cont {
  width: 1252px;
  margin: 30px 0 0 0;
}

.zg_part7 .cont > div {
  width: 279px;
  height: 350px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 15px rgb(235, 233, 233);
  float: left;
  margin: 0 30px 0 0;
  overflow: hidden;
}
.zg_part7 .cont > div a {
  display: block;
  background: url(../../images/newzhu_images/p7_1bg.png) no-repeat center center;
  width: 279px;
  height: 64px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 64px;
}
.zg_part7 .cont > .box2 a {
  display: block;
  background: url(../../images/newzhu_images/p7_2bg.png) no-repeat center center;
}
.zg_part7 .cont > .box3 a {
  display: block;
  background: url(../../images/newzhu_images/p7_3bg.png) no-repeat center center;
}
.zg_part7 .cont > .box4 a {
  display: block;
  background: url(../../images/newzhu_images/p7_4bg.png) no-repeat center center;
}

.zg_part7 .cont > div a img {
  vertical-align: top;
  margin: 22px 15px 0 0px;
}
.zg_part7 .cont > div ul {
  width: 215px;
  margin: 12px auto 0;
}
.zg_part7 .cont > div ul li {
  overflow: hidden;
  height: 60px;
  font-size: 18px;

  border-bottom: 1px solid #f2f2f2;
}
.zg_part7 .cont > div ul li p {
  padding: 20px 0;
}
.zg_part7 .cont > div ul li:hover p {
  transform: translateY(-61px);
  transition: 0.3s;
}

.zg_part7 .cont > .box3 ul li {
  overflow: hidden;
  height: 165px;
  font-size: 18px;

  border-bottom: 1px solid #f2f2f2;
}
.zg_part7 .cont > .box3 ul li p {
  padding: 0px 0 20px;
}
.zg_part7 .cont > .box3 ul li:hover p {
  transform: translateY(-145px);
  transition: 1s;
}

.zg_part7 .cont > div ul li:last-child {
  border-bottom: none;
}
.zg_part7 .cont > div ul li img {
  vertical-align: top;
  margin: 0 10px 0 0;
}

.zg_part7 .cont > .box2 ul li i {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #1693f4;
  border-radius: 8px;
  box-shadow: 0 0 3px #d5ecfd;
  vertical-align: top;
  margin: 5px 10px 0 12px;
}

.zg_part7 .cont > .box3 ul li {
  height: 125px;
  line-height: 125px;
  padding: 0;
  font-size: 18px;
  text-align: center;
}

.zg_part7 .cont > .box3 ul li span {
  font-size: 36px;
  line-height: 36px;
  font-weight: bolder;
  color: #ff5510;
  display: inline-block;
  margin: 42px 10px 0 0;
  vertical-align: top;
}

/* ??????? */
.zg_part8 {
  background: #ffffff;
  padding: 30px 0 25px 0;
}

.zg_part8 .txt {
  display: none;
}
.part8_top {
  padding-left: 140px;

  position: relative;

  margin: 30px 0 30px 0;
}

.part8_top li {
  display: block;

  float: left;

  cursor: pointer;

  width: auto;

  text-align: center;

  position: relative;
}

.part8_top li p {
  font: 16px/16px "Microsoft YaHei";

  color: #171920;

  padding: 13px 18px 15px 18px;
}

.part8_top .on p {
  color: #ff6b35;
}

.part8_top li span {
  display: block;

  width: 32px;

  height: 3px;

  background: #ff6b35;

  margin-top: 10px;

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -16px;
  display: none;
}
.part8_top .on span {
  display: block;
}

.p8_top {
  width: 1160px;
  padding: 20px;
  background: #fef9f8;
  position: relative;
}
.p8_top .p8_t1 {
  position: absolute;
  top: 0;
  right: 0;
}
.p8_top .p8_t2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.p8_top p {
  font-size: 14px;
  line-height: 28px;
  width: 1148px;
  margin: 0 auto 0;
}

.p8_top p span {
  /* display: inline-block; */
  color: #ff5b23;
}

.shizi_slide {
  margin-top: 39px;
}

.shizi_slide .hd {
  position: relative;
}

.shizi_slide .hd .prev {
  position: absolute;

  left: -80px;

  top: 138px;

  cursor: pointer;
}

.shizi_slide .hd .next {
  position: absolute;

  right: -80px;

  top: 138px;

  cursor: pointer;
}

.shizi_slide .bd ul {
  height: 420px;
}

.shizi_slide .bd li {
  float: left;

  position: relative;

  cursor: pointer;

  width: 240px;
  margin-bottom: 100px;
}

.shizi_slide .bd li a {
  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 240px;

  height: 335px;

  background: rgba(0, 0, 0, 0.6);

  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.shizi_slide .bd li a span {
  display: block;

  color: #ffffff;

  font: 14px/25px "Microsoft YaHei";

  padding: 220px 20px 0 20px;

  text-align: left;
}

/* .shizi_slide .bd li div p{

    color: #ffffff;

font:14px/25px "Microsoft YaHei";

padding: 220px 20px 0 20px;

text-align: left;



} */

.shizi_slide .bd li p {
  color: #171920;

  font: 16px/16px "Microsoft YaHei";

  text-align: center;

  padding: 24px 0 20px 0;

  margin-left: 10px;
}

.shizi_slide .bd li p span {
  color: #999999;

  font: 14px/14px "Microsoft YaHei";

  margin-left: 16px;

  width: 150px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-right: 10px;

  float: right;
}

.shizi_slide .bd .in {
  box-shadow: #ccc 0 3px 18px;
}
/* ??????? */
.zg_part9 {
  margin-top: 56px;
  /* margin-bottom: 400px; */
  position: relative;
  overflow: hidden;
}
.p9_cont {
  width: 100%;
  height: 400px;
  margin-top: 30px;
  overflow: hidden;
}

.slide9 .hd {
  position: relative;
}
.slide9 .hd .prev {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 130px;
  z-index: 10;
}
.slide9 .hd .next {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 130px;
  z-index: 10;
}
.slide9 .bd {
  overflow: hidden;
}

.p9_cont ul {
  width: 1250px;
  /* margin: 33px 0 0 0; */
}
.p9_cont li {
  float: left;
  margin-right: 20px;
  box-shadow: #eef2f3 0 0 15px;
  width: 285px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #fff;
}
.p9_cont li > p {
  font: 16px/16px "Microsoft YaHei";
  color: #333333;
  padding: 28px 0 29px 0;
  text-align: center;
}
.p9_cont li > p span {
  font-weight: bold;
}
.p9_cont li a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 285px;
  height: 288px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
}

.p9_cont li:hover a {
  display: block;
}

.p9_cont li a span {
  display: block;
  font: 14px/25px "Microsoft YaHei";
  color: #ffffff;
  padding: 205px 25px 0 20px;
  width: 240px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.zg_part9 .content {
  position: relative;
}
.partner {
  height: 223px;
  width: 100%;
  overflow: hidden;
  /* position: absolute;
top: 470px;
left: 50%;
margin-left: -50%; */
}
.partner .bd {
  width: 1300px;
}
.partner .bd ul {
  margin: 0 auto 0;
}
.partner li {
  text-align: center;
  float: left;
  width: 135px;
  /* height: 110px; */
  border: 1px solid #ededed;
  overflow: hidden;
  white-space: nowrap;
  margin: -1px -1px 0 0;
  background: #fff;
}
.partner li img {
  width: auto;
  height: 132px;
  cursor: pointer;
  transform: scale(0.8);
  margin: -13px 0 0 0;
}
.partner li span {
  text-align: center;
  float: left;
  width: 135px;
  height: 110px;
  border: 1px solid #ededed;
  overflow: hidden;
  white-space: nowrap;
  margin: -1px -1px 0 0;
  background: #fff;
}
.partner li span img {
  width: auto;
  height: 132px;
  cursor: pointer;
  transform: scale(0.8);
  margin: -13px 0 0 0;
}

.partner li span:hover img {
  animation: scal2 1s infinite;
  -webkit-animation: scal2 1s infinite;
  -o-animation: scal2 1s infinite;
  -moz-animation: scal2 1s infinite;
  -ms-animation: scal2 1s infinite;
}
@keyframes scal2 {
  0% {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
}
/* ????????? */

.zg_part10 {
  background: #fff;
  width: 100%;
  /* height:608px; */
  padding: 65px 0 70px 0;
  /* margin-top: 56px; */
}
.zg_part10 .cont {
  width: 1200px;
  overflow: hidden;
  margin-top: 30px;
}
.zg_part10 .cont ul {
  height: 400px;
}

.zg_part10 .cont ul li {
  background: url(../../images/newzhu_images/p10_1.jpg) no-repeat center top;
  /* background-size: 200px 100%; */
  width: 200px;
  height: 400px;
  float: left;
  position: relative;
  transition: 0.5s;
}
.zg_part10 .cont ul .l2 {
  background: url(../../images/newzhu_images/p10_2.jpg) no-repeat center top;
}
.zg_part10 .cont ul .l3 {
  background: url(../../images/newzhu_images/p10_3.jpg) no-repeat center top;
}
.zg_part10 .cont ul .l4 {
  background: url(../../images/newzhu_images/p10_4.jpg) no-repeat center top;
}

.zg_part10 .cont ul li span {
  display: block;
  width: 600px;
  height: 400px;
  background: #454d69;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
.zg_part10 .cont ul .on {
  width: 600px;
  transition: 0.5s;
}

.zg_part10 .cont ul .on span {
  display: none;
}
.zg_part10 .cont ul li div {
  width: 100%;
  height: 128px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3) none repeat scroll !important;
}

.zg_part10 .cont ul li div h5 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 8px;
  margin: 22px 0 0 20px;
  border-left: 4px solid #ff6b35;
}

.zg_part10 .cont ul li div p {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  width: 560px;
  margin: 15px 0 0 20px;
}
.zg_part10 .bot {
  margin-top: 70px;
  box-shadow: 0 0 15px rgb(221, 219, 219);
  border-radius: 5px;
  overflow: hidden;
}

.zg_part10 .bot .l {
  background: url(../../images/newzhu_images/p10_bl.png) no-repeat center center;
  width: 220px;
  height: 260px;
  float: left;
  position: relative;
}
.zg_part10 .bot .l span {
  position: absolute;
  top: 25px;
  left: 68px;
  display: block;
}

.zg_part10 .bot .l h5 {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  padding-top: 130px;
}
.zg_part10 .bot .l p {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  padding-top: 25px;
}
.zg_part10 .bot .r {
  width: 980px;
  height: 260px;
  float: right;
  overflow: hidden;
}
.zg_part10 .bot .r ul {
}
.zg_part10 .bot .r ul li {
  width: 250px;
  float: left;
}
.zg_part10 .bot .r ul li a {
  display: block;
}
.zg_part10 .bot .r ul li div {
  width: 250px;
  height: 129px;
  border-right: 1px solid #ffd8c0;
  border-bottom: 1px solid #ffd8c0;
  overflow: hidden;
}
.zg_part10 .bot .r ul li div img {
  display: block;
  margin: 20px auto 0;
  height: 30px;
}
.zg_part10 .bot .r ul li div:hover img {
  transition: 0.5s;
  transform: scale(1.2);
}

.zg_part10 .bot .r ul li div > span {
  display: block;
  text-align: center;
  font-size: 16px;

  margin: 10px 0 0 0;
}
.zg_part10 .bot .r ul li div span em {
  display: inline-block;
  width: 20px;
  height: 1px;
  border-bottom: 1px solid #ff5510;
  margin: 6px 12px 0;
  vertical-align: top;
}
.zg_part10 .bot .r ul li div > p {
  display: block;
  text-align: center;
  font-size: 14px;

  margin: 10px 0 0 0;
}
.zg_part10 .bot .r ul li div > p span {
  font-size: 20px;
  color: #ff5510;
}
.zg_part10 .bot .r ul li .l2 {
  border-bottom: none;
}

/* ????????? */
.jcrm {
  width: 100%;
  padding: 60px 0 70px 0;
  background: url(../../images/newzhu_images/jcrm.jpg) no-repeat center center;
}
.jcrm .tit h3 {
  color: #fff;
}
.jcrm .tit a {
  color: #fff;
  display: none;
}

body .tit_more:hover {
  color: #ff5510;
}

.zg_part3 .cont .r .txt .txt_b .tit3 .tit_more:hover {
  color: #fbff09;
}

.jcrm .cont {
  width: 1200px;
  height: 378px;
  background: url(../../images/newzhu_images/jcrm_bg.png) no-repeat top left;
  margin-top: 53px;
  position: relative;
}
.jcrm .cont .txt {
  display: none;
}
.jcrm .cont ul {
  position: absolute;
  top: -82px;
  left: 200px;
}
.jcrm .cont ul li {
  float: left;
  width: 100px;
  height: 34px;
  border-radius: 34px;

  font-size: 16px;
  text-align: center;
  line-height: 34px;
  margin: 0 5px 0 0;
  color: #fff;
  cursor: pointer;
}
.jcrm .cont ul .on {
  background: #ff5510;
}

.jcrm .cont dl {
  width: 350px;
  float: left;
  margin: 25px 25px 0 25px;
}
.jcrm .cont dl dt {
  width: 350px;
  height: 32px;

  border-radius: 32px;
}
.jcrm .cont dl dt span {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: #fdab8b;
  margin: 4px 15px 0 5px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}
.jcrm .cont dl dt {
  font-size: 16px;
  line-height: 32px;

  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jcrm .cont dl:hover dt {
  background: #fff;
}
.jcrm .cont dl:hover dt span {
  background: #ff5510;
}
.jcrm .cont dl:hover dt {
  color: #333;
}
.jcrm .cont dl dd {
  font-size: 14px;
  line-height: 24px;

  color: #acadb1;
  width: 290px;
  margin: 10px 0 0 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ??????? */

.zg_part11 {
  background: #ffffff;
  width: 100%;
  padding: 65px 0 0 0;
}
.part11_tit {
  background: url(../../images/newzhu_images/part11_tit.png) no-repeat center
    center;
  width: 332px;
  height: 37px;
  margin-left: -6px;
  /* margin-bottom: 30px; */
  float: left;
}
.part11_tit h3 {
  font: bold 24px/24px "Microsoft YaHei";
  color: #333333;
  margin: 7px 0 0 6px;
}
.zg_part11 .more {
  float: right;
  display: block;
  width: 62px;
  height: 24px;
  border: 1px solid #d1d7de;
  font: 12px/24px "Microsoft YaHei";
  color: #999999;
  text-align: center;
  margin-top: 15px;
}
.p11_cont {
  margin-top: 30px;
}
.p11_cont .top_nav {
  background: #f0f0f0;
  border-radius: 47px;
  width: 1170px;
  margin: 0 auto;
  overflow: hidden;
}
.p11_cont .top_nav li {
  float: left;
}
.p11_cont .top_nav li a {
  float: left;
  padding: 0 30px 0 31px;
  font: 16px/47px "Microsoft YaHei";
  color: #333333;
  cursor: pointer;
}
.p11_cont .top_nav .on a {
  color: #ffffff;
  background: #ff6a00;
}
.p11_cont .text {
  margin-top: 21px;
}
.p11_cont .text ul {
  background: url(../../images/newzhu_images/part11_line.png) no-repeat 63px
    32px;
  float: left;
}
.p11_cont .text .center {
  margin: 0 74px;
}
.p11_cont .text ul li {
  height: 54px;
  background: url(../../images/newzhu_images/part11_dian.png) no-repeat 60px
    23px;
  width: 350px;
}
.p11_cont .text ul li span {
  margin: 11px 0 0 -10px;
  color: #999999;
  font: 16px/26px "Microsoft YaHei";
  width: 60px;
  height: 26px;
  text-align: center;
  border-radius: 11px;
  background: #ffffff;
  float: left;
}
.p11_cont .text ul li a {
  float: left;
  margin: 16px 0 0 30px;
  font: 16px/16px "Microsoft YaHei";
  color: #333333;
  width: 270px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.p11_cont .text ul li:hover a {
  color: #ff6a00;
}
.p11_cont .text ul li:hover .time {
  width: 60px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  border-radius: 11px;
  background: #fe6e32;
  color: white;
  margin: 10px 0 0 -10px;
}
/* ??????? */

.zg_part12 {
  background: #ffffff;
  width: 100%;
  padding-top: 55px;
}

.book {
  padding: 0 0 20px 0;
}
.book_tit {
  background: url(http://www.ujiuye.com/statics/images/images/book_tit.png)
    no-repeat center center;
  width: 347px;
  height: 37px;
  margin-left: -6px;
  /* margin-bottom: 30px; */
  float: left;
}

.book_tit h3 {
  font: bold 24px/24px "Microsoft YaHei";
  color: #333333;
  margin: 4px 0 0 8px;
}
.book .more {
  float: right;
  display: block;
  width: 62px;
  height: 24px;
  border: 1px solid #d1d7de;
  font: 12px/24px "Microsoft YaHei";
  color: #999999;
  text-align: center;
  margin-top: 15px;
}

.book .cont1 {
  width: 1200px;
  height: 265px;
  background: #f8fafb;
  margin-top: 40px;
  padding: 20px 0 0 0;

  border-bottom: 55px solid #ebf0f5;
}
.book .cont1 h5 {
  background: url(http://www.ujiuye.com/statics/images/images/tit_1.png)
    no-repeat center center;
  width: 108px;
  height: 26px;
  margin: 30px 0 0 20px;
}
.book .cont1 h5 span {
  display: block;
  font-size: 18px;
  padding: 2px 0 0 18px;
  color: #666;
}
.book .cont1 div {
  position: relative;
  z-index: 10;
}
.book .cont1 div span {
  float: left;
  margin: 0 -136px 0 0px;
  position: relative;
  transition: 1s;
}

.book .cont1 div span img {
  height: 260px;
}
.book .cont1 div span em {
  display: block;
  font-size: 16px;
  position: absolute;
  left: 45px;
  top: 232px;
  display: none;
}
.book .cont1 div span:hover {
  transform: translate(-38px, 0px) scale(1.1);
  transition: 1s;
  /* -webkit-animation:  c  1s  ease-in ;
animation:   c   1s ease-in  ; */
}

.book .cont2 {
  width: 1200px;
  height: 300px;
  background: #f8fafb;

  padding: 20px 0 0 0;
}

.book .cont2 h5 {
  background: url(http://www.ujiuye.com/statics/images/images/tit_1.png)
    no-repeat center center;
  width: 108px;
  height: 26px;
  margin: 30px 0 0 20px;
}
.book .cont2 h5 span {
  display: block;
  font-size: 18px;
  padding: 2px 0 0 18px;
  color: #666;
}

.book .cont2 .cont2_in {
  margin-top: 18px;
  width: 1300px;
}

.book .cont2 .cont2_in a {
  float: left;
  width: 145px;
  margin: 0 0px 0 2px;
}
.book .cont2 .cont2_in a img {
  margin: 0 -109px 0 0;
}
.book .cont2 .cont2_in a .b2 {
  margin: 0 -111px 0 0;
}

.book .cont2 a:hover .b3 {
  transform: translate(-8px, 0px) scale(1.1);
  transition: 1s;
}
/* ????????? */
.jxhj {
  background: url(../../images/newzhu_images/jxhj.jpg) no-repeat center center;
  width: 100%;
  height: 543px;
  padding: 61px 0 0 0;
}
.jxhj .l {
  width: 1012px;
  height: 446px;
  background: url(../../images/newzhu_images/jxhj_l.png) no-repeat left top;
  float: left;
  position: absolute;
  top: 1px;
  left: -360px;
  z-index: 200;
}
.jxhj .l i {
  position: absolute;
  right: -44px;
  top: -1px;
  display: block;
  width: 30px;
  height: 0;
  border-left: 270px solid transparent;
  border-right: 15px solid transparent;
  border-top: 447px solid #fff;
}

.jxhj .l .jxhj_l1 > img {
  margin: 108px 0 0 425px;
}
.jxhj .l p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin: 40px 0 0 426px;
  width: 380px;
}

.jxhj .l .jxhj_l2 {
  display: block;
  width: 158px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 3px;
  margin: 50px 0 0 426px;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  position: relative;
}

.jxhj .l .jxhj_l2 span {
  width: 130px;
  display: block;
}

.jxhj .l .jxhj_l2 img {
  position: absolute;
  top: 16px;
  right: 31px;
}

.jxhj .l .jxhj_l2:hover img {
  right: 20px;
  transition: 0.5s;
}

.jxhj .r {
  float: right;
  width: 990px;
  height: 446px;
  position: relative;
  overflow: hidden;
  margin: 0 -200px 0 0;
}
.jxhj .r .jxhj_r {
  position: absolute;
  top: ;
  left: 0;
  z-index: 10;
}
.jxhj .r .gif {
  position: absolute;
  bottom: -20px;
  left: 0;
}

.jxhj .r .jxhj_c {
  position: absolute;
  top: 0;
  left: -30px;
  z-index: 15;
}
.jxhj .play {
  width: 154px;
  height: 154px;
  background: url(../../images/newzhu_images/play.png) no-repeat left top;
  position: absolute;
  top: 140px;
  left: 313px;
  z-index: 300;
  cursor: pointer;
}
.jxhj .play i {
  opacity: 0.5;
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 100px;
  position: absolute;
  top: 26px;
  left: 26px;
  animation: scaljxhj 3s infinite;
  -webkit-animation: scaljxhj 3s infinite;
  -o-animation: scaljxhj 3s infinite;
  -moz-animation: scaljxhj 3s infinite;
  -ms-animation: scaljxhj 3s infinite;
  cursor: pointer;
}
.jxhj .play em {
  opacity: 0.5;
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 100px;
  position: absolute;
  top: 26px;
  left: 26px;
  animation: scaljxhj 3s 1.5s infinite;
  -webkit-animation: scaljxhj 3s 1.5s infinite;
  -o-animation: scaljxhj 3s 1.5s infinite;
  -moz-animation: scaljxhj 3s 1.5s infinite;
  -ms-animation: scaljxhj 3s 1.5s infinite;
  cursor: pointer;
}
@keyframes scaljxhj {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
  }
}

@-webkit-keyframes disappear {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes disappear {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes waves2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.6);
  }
}
.jxhj_video {
  position: fixed;
  height: 446px;
  width: 793px;
  top: 50%;
  left: 50%;
  margin-top: -223px;
  margin-left: -395px;
  background-color: #666666;
  z-index: 999;
  display: none;
  overflow: hidden;

  overflow-y: hidden;
}

.jxhj_video video {
  height: 446px;
  width: 793px;
}

.jxhj_video iframe {
  width: 793px !important;

  height: 446px;

  overflow: hidden;

  overflow-y: hidden;
}

.jxhj_video .zg_videobox {
  margin-bottom: 0 !important;
}
.jxhj_video > img {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.jxhj_video iframe html {
  width: 793px !important;

  height: 446px;

  overflow: hidden;

  overflow-y: hidden;
}

.jxhj_video iframe .media {
  height: 446px;
  width: 793px;
}

/* ??????? */

.zg_part13 {
  background: #ffffff;
  /* width: 1920px; */
  padding: 0px 0 65px 0;
  overflow: hidden;
  position: relative;
  margin-top: -30px;
}
.p13_cont {
  position: relative;
  margin-top: 33px;
}
.p13_cont img {
  float: left;
}
.p13_cont .pic1 {
  position: absolute;
  top: 0;
  left: -360px;
}
.p13_cont .pic3 {
  margin: 0 23px 0 23px;
}
.p13_cont .pic5 {
  float: right;
  position: absolute;
  top: 0;
  right: -360px;
}

.slider {
  width: 100%;
  min-width: 1200px;
  height: 370px;
  position: relative;
  background: #fff;
  text-align: center;
  margin-top: 35px;
}
.slider .bd {
  width: 1250px;
  overflow: hidden;
  margin: 0 0 0 -11px;
}
.slider .bd li {
  float: left;
  width: 375px;
  position: relative;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 15px rgb(230, 230, 230);
  margin: 0 16px 15px;
}
.slider .bd li a > img {
  display: block;
  width: 375px;
  height: 269px;
}
.slider .bd li > img {
  display: block;
  width: 375px;
}

.slider .bd li i {
  display: block;
  width: 100%;
  height: 4px;
  background: #ff5510;
  position: absolute;
  top: -4px;
  left: 0;
  border-radius: 4px;
  display: none;
}
.slider .bd li:hover i {
  display: block;
}

.slider .bd li div {
  height: 82px;
  width: 375px;
  overflow: hidden;
}
.slider .bd li div img {
  width: ;
  float: left;
  margin: 17px 0 00 47px;
}
.slider .bd li div p {
  float: left;
  font-size: 18px;
  line-height: 28px;
  margin: 9px 0 0 15px;
  text-align: left;
}

.slider .hd {
  position: relative;
}
.slider .hd img {
  position: absolute;
  top: 120px;

  z-index: 100;
}
.slider .hd .prev {
  left: -80px;
}
.slider .hd .next {
  right: -80px;
}

.footer_top {
  padding: 24px 0 28px 0;
  background: #f5f5f5;
}
.slide_ft {
  width: 1200px;
  height: 60px;
}
.slide_ft .bd {
  width: 1200px;
  overflow: hidden;
}
.slide_ft .hd {
  position: relative;
}
.slide_ft .hd img {
  position: absolute;
  top: 23px;

  z-index: 100;
  cursor: pointer;
}
.slide_ft .hd .prev {
  left: 0px;
}
.slide_ft .hd .next {
  right: 0px;
}
.slide_ft .bd li {
  float: left;
  width: 240px;
  margin: 0 15px 0px 0;
  background-color: #fff;
}

/* footer */
.footer {
  height: 520px;
}
.footer_cont {
  padding: 38px 0 10px 0;
  width: 100%;
  background: #333333;
}
.footer_cont .top {
  width: 100%;
  border-bottom: 1px solid #3e444a;
}
.footer_cont .top li {
  float: left;
  cursor: pointer;
  padding: 0 6px 14px 6px;
  font: 16px/16px "Microsoft YaHei";
  color: #666666;
  /* margin-bottom: 14px; */
}
.footer_cont .top li a {
  float: left;
  cursor: pointer;
  padding: 0 6px 0px 6px;
  font: 16px/16px "Microsoft YaHei";
  color: #666666;
  display: block;
}
.footer_cont .content {
  position: relative;
}
.footer_cont .top .on {
  border-bottom: 1px solid #f8685a;
  color: #f8685a;
}
.footer_cont .top .on a {
  color: #f8685a;
}
.peixun {
  margin-top: 20px;
  /* width: 1165px; */
}
.peixun li {
  float: left;
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  padding: 0 22px 0 6px;
  display: none;
  /* width: 105px; */
  white-space: nowrap;
}
.peixun .show {
  display: block;
}
.peixun .show2 {
  display: block;
}
.peixun li a {
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  white-space: nowrap;
}

.huida {
  margin-top: 20px;
  /* width: 1165px; */
}
.huida li {
  float: left;
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  padding: 0 22px 0 6px;
  display: none;
  /* width: 105px; */
  white-space: nowrap;
}
.huida .show {
  display: block;
}
.huida .show2 {
  display: block;
}
.huida li a {
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  white-space: nowrap;
}

.fenzhan {
  margin-top: 20px;
  /* width: 1165px; */
}
.fenzhan li {
  float: left;
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  padding: 0 22px 0 6px;
  display: none;
  /* width: 105px; */
  white-space: nowrap;
}
.fenzhan .show {
  display: block;
}
.fenzhan .show2 {
  display: block;
}
.fenzhan li a {
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  white-space: nowrap;
}

.lianjie {
  margin-top: 20px;
}
/* .lianjie li{
    float: left;
    margin-right: 30px
} */
.lianjie a {
  float: left;
  margin-right: 30px;
  font: 14px/28px "Microsoft YaHei";
  color: #999999;
  white-space: nowrap;
}
.ft_btn {
  position: absolute;
  right: 3px;
  top: -43px;
  left: 545px;
  cursor: pointer;
  z-index: 10;
}
.ft_cont2 {
  margin-top: 52px;
  position: relative;
}
.ft_cont2 .left {
  float: left;
  width: 160px;
}
.ft_cont2 .left p {
  font: 16px/16px "Microsoft YaHei";
  color: #ffffff;
  margin-top: 16px;
  text-align: center;
}
.ft_cont2 .left span {
  display: block;
  font: 16px/16px "Microsoft YaHei";
  color: #ffffff;
  margin-top: 16px;
  text-align: center;
}
.ft_cont2 .left .p1 {
  margin-top: 20px;
}
.ft_cont2 dl {
  float: left;
}
.ft_cont2 dl dt a {
  display: block;
  font: 16px/16px "Microsoft YaHei";
  color: #ffffff;
  padding-bottom: 3px;
  text-align: center;
}
.ft_cont2 dl dd a {
  display: block;
  font: 14px/14px "Microsoft YaHei";
  color: #999999;
  padding-top: 16px;
  text-align: center;
}

.ft_cont2 .dl1 {
}
.ft_cont2 .dl2 {
  margin-left: 76px;
}
.ft_cont2 .right {
  float: left;
  margin: 0 0 0px 80px;
  border-left: 1px solid #3e444a;
  border-right: 1px solid #3e444a;
  padding: 0 50px;
}
.ft_cont2 .right ul {
  margin: 20px 5px 0 0;
}
.ft_cont2 .right li {
  float: left;
  position: relative;
  margin: 0 35px 0;
  cursor: pointer;
}
.ft_cont2 .right li > img {
  width: 70px;
  height: 70px;
}

.ft_cont2 .right li span {
  display: block;
  width: 123px;
  height: 128px;
  background: url(../../images/newzhu_images/ft_span.png) no-repeat center
    center;
  position: absolute;
  top: 119px;
  left: -24px;
  display: none;
}
.ft_cont2 .right li .h {
  display: none;
}
.ft_cont2 .right li span img {
  margin: 16px 0 0 10px;
}
.ft_cont2 .right li em {
  display: block;
  font: 14px/14px "Microsoft YaHei";
  color: #999999;
  text-align: center;
  margin-top: 32px;
}
.ft_cont2 .right .on span {
  display: block;
}
.ft_cont2 .right .on p {
  color: #ffffff;
}
.ft_cont2 .right .on .s {
  display: none;
}
.ft_cont2 .right .on .h {
  display: block;
}

.ft_cont2 .right2 {
  float: right;
  width: 255px;
}
.ft_cont2 .right2 div {
  height: 70px;
  margin: 0 0 15px 0;
}
.ft_cont2 .right2 div img {
  float: left;
}
.ft_cont2 .right2 div p {
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #999999;
  margin: 0 0 0 20px;
}
.ft_cont2 .right2 div p span {
  display: block;
  color: #fff;
  font-size: 16px;
}

.footer_bottom {
  width: 100%;
  border-top: 1px solid #3e444a;
  background: #333333;
  font: 12px/34px "Microsoft YaHei";
  color: #999999;
  text-align: center;
  padding: 19px 0 50px 0;
}
.footer_bottom a {
  font: 12px/34px "Microsoft YaHei";
  color: #999999;
}
.footer_bottom img {
  vertical-align: middle;
}

.ft_bot {
  /* text-align: center; */

  margin: 0 0 0 330px;

  width: 100%;

  padding: 18px 0 0 0;
}

.ft_bot a {
  float: left;
}

.ft_bot img {
  float: left;

  margin-right: 30px;

  vertical-align: middle;
}

/* ???? */
.flex {
  width: 75px;
  height: 372px;
  position: fixed;
  left: 0px;
  top: 15%;
  z-index: 800;
  display: none;
}
.flex li {
  width: 73px;
  height: 73px;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #ffffff;
  cursor: pointer;
}
.flex li i {
  display: block;
  font: 12px/12px "Microsoft YaHei";
  color: #333333;
  text-align: center;
  margin-top: 12px;
}

.flex .l1 em {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat 1px 0;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l2 em {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -30px 0;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l3 em {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -63px 0;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l4 em {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -92px 0;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l5 em {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -127px 0;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l1 span {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat 1px -38px;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l2 span {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -30px -38px;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l3 span {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -63px -38px;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l4 span {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -92px -38px;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}
.flex .l5 span {
  display: block;
  background: url(../../images/newzhu_images/flex.png) no-repeat -127px -38px;
  width: 28px;
  height: 28px;
  margin: 12px auto 0 auto;
}

.flex .l5 {
  border-bottom: 1px solid #e0e0e0;
}
.flex .on {
  border: none;
  width: 73px;
  height: 73px;
  padding: 1px;
  background: #f67524;
}
.flex .on em {
  display: none;
}
.flex .on i {
  color: #ffffff;
}

body .more:hover {
  border-color: #ff4a00;
  color: #ff4a00;
}

.wrap {
  position: relative;
}
.flex_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 490;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
}

.flex_b500g {
  width: 500px;
  height: 369px;
  position: fixed;
  top: 10%;
  left: 30%;
  z-index: 500;
  -webkit-animation: flexscall 1s ease,
    sideways 1s ease-in-out infinite alternate;
  animation: flexscall 1s ease, sideways 1s ease-in-out infinite alternate;
}

@-webkit-keyframes bubble {
  0% {
    -webkit-transform: translate3d(-300px, 120px, 0px);
    transform: translate3d(-300px, 120px, 0px);
  }
  1000% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bubble {
  0% {
    -webkit-transform: translate3d(-300px, 120px, 0px);
    transform: translate3d(-300px, 120px, 0px);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes disappear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes disappear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sideways {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}
@keyframes sideways {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 10px;
  }
}

@-webkit-keyframes flexscall {
  0% {
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
}
@keyframes flexscall {
  0% {
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
}

.flex_b500g img {
  float: right;
  margin-right: 11px;
  cursor: pointer;
  position: relative;
  top: 40px;
}
.flex_b500g a {
  display: block;
  width: 500px;
  height: 369px;
  background: url(../../images/newzhu_images/500g.png) no-repeat center top;
  overflow: hidden;
}
.flex_b500g p {
  font: bold 40px/48px "Microsoft YaHei";
  color: #333333;
  margin: 190px 0 0 228px;
}
.flex_b500g span {
  display: block;
  width: 296px;
  height: 58px;
  background: url(../../images/newzhu_images/500g_btn.png) no-repeat center top;
  margin: 13px 0 0 202px;
  text-align: center;
  font: bold 20px/52px "Microsoft YaHei";
  color: #fdea1e;
}

.flex_s500g {
  width: 206px;
  height: 106px;
  position: fixed;
  right: 0%;
  top: 6%;
}
.flex_s500g a {
  display: block;
  width: 206px;
  height: 106px;
  background: url(../../images/newzhu_images/s500g.png) no-repeat center top;
  overflow: hidden;
  display: none;
}
.flex_on a {
  display: block;
  -webkit-animation: bubble 1s ease, sideways 1s ease-in-out infinite alternate;
  animation: bubble 1s ease, sideways 1s ease-in-out infinite alternate;
}
.flex_s500g span {
  display: block;
  text-align: center;
  font: bold 14px/18px "Microsoft YaHei";
  color: #333;
  margin: 62px 0 0 62px;
}

/* ???? */
.flex_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

  z-index: 490;

  background: rgba(0, 0, 0, 0.5);

  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
}

.ce1 {
  width: 259px;
  height: 104px;

  background: url("http://www.ujiuye.com/statics/images/images/ce1.png")
    no-repeat center top;

  position: fixed;
  top: 15%;
  right: -23px;
  cursor: pointer;
  z-index: 500;
  display: none;
  -webkit-animation: flexscall 1s ease,
    sideways 1s ease-in-out infinite alternate;

  animation: flexscall 1s ease, sideways 1s ease-in-out infinite alternate;
}
.ce1 p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  padding: 30px 0 00 0;
}
.ce1 p span {
  display: block;
  font-size: 16px;
}

@-webkit-keyframes bubble {
  0% {
    -webkit-transform: translate3d(-300px, 120px, 0px);

    transform: translate3d(-300px, 120px, 0px);
  }

  1000% {
    -webkit-transform: none;

    transform: none;
  }
}

@keyframes bubble {
  0% {
    -webkit-transform: translate3d(-300px, 120px, 0px);

    transform: translate3d(-300px, 120px, 0px);
  }

  100% {
    -webkit-transform: none;

    transform: none;
  }
}

@-webkit-keyframes disappear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes disappear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes sideways {
  0% {
    margin-top: 0px;
  }

  100% {
    margin-top: 10px;
  }
}

@keyframes sideways {
  0% {
    margin-top: 0px;
  }

  100% {
    margin-top: 10px;
  }
}

@-webkit-keyframes flexscall {
  0% {
    -webkit-transform: scale(0.3);

    -o-transform: scale(0.3);

    -moz-transform: scale(0.3);

    -ms-transform: scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);
  }
}

@keyframes flexscall {
  0% {
    -webkit-transform: scale(0.3);

    -o-transform: scale(0.3);

    -moz-transform: scale(0.3);

    -ms-transform: scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);
  }
}

.ce2 {
  /* display: none; */
  width: 515px;
  height: 205px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -257px;
  cursor: pointer;
  z-index: 500;

  -webkit-animation: flexscall 1s ease;

  animation: flexscall 1s ease;
}
.ce_close {
  position: absolute;
  top: -17px;
  right: 29px;
  cursor: pointer;
}

.ce3 {
  display: none;
  width: 487px;
  height: 530px;
  position: fixed;
  background: url("http://www.ujiuye.com/statics/images/images/ce3.png")
    no-repeat center top;
  top: 50%;
  left: 50%;
  margin: -243px 0 0 -265px;
  z-index: 500;
  -webkit-animation: flexscall 1s ease;

  animation: flexscall 1s ease;
}
.ce3 .cont {
  width: 407px;
  margin: 112px 0 0 41px;
}
.ce3 .cont > div {
  width: 375px;
  margin: 0 auto 0;
  padding: 15px 0;
  border-bottom: 1px solid #fff6ef;
}
.ce3 .cont > div:last-child {
  border-bottom: none;
}
.ce3 .cont p {
  display: inline-block;
  height: 27px;
  border-radius: 10px;
  background: #fb4b08;
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  padding: 0 10px 0;
}
.ce3 .cont p em {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #fff;
  color: #fb5309;
  vertical-align: top;
  line-height: 18px;
  text-align: center;
  font-size: 16px;
  margin: 4px 3px 0 0;
}
.ce3 .cont > span {
  display: block;
  width: 173px;
  height: 43px;
  background: url("http://www.ujiuye.com/statics/images/images/ce3_btn.png")
    no-repeat center top;
  margin: 10px auto 0;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}
.ce3 ul {
}
.ce3 li {
  float: left;
  margin: 16px 30px 0 0;
  position: relative;
}
.ce3 li img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ce3 li label {
  font: 16px/18px "Microsoft YaHei";
  color: #d44508;
  display: inline-block;
  margin-top: 01px;
}
.ce3 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;

  float: left;
  margin: 0 0px 0 0;
}
.ce3 input[type="radio"]:after {
  width: 23px;
  height: 19px;
  background: url("http://www.ujiuye.com/statics/images/images/ce3_quan.jpg")
    no-repeat center top;
  float: left !important;
  content: "";
  /* width: 16px;
			height: 16px;
			background: none;
			border-radius: 50%;
			border:02px solid #f7ddd1; */
}
.ce3 input[type="radio"]:checked:after {
  vertical-align: middle;

  background: url("http://www.ujiuye.com/statics/images/images/ce3_quan2.jpg")
    no-repeat center top;
}

.ce4 {
  width: 486px;
  height: 418px;
  position: fixed;
  background: url("http://www.ujiuye.com/statics/images/images/ce4.png")
    no-repeat center top;
  top: 50%;
  left: 50%;
  margin: -209px 0 0 -243px;
  z-index: 500;
  -webkit-animation: flexscall 1s ease;
  display: none;
  animation: flexscall 1s ease;
}
.ce4 .cont {
  width: 392px;
  margin: 155px 0 0 48px;
}
.ce4 .cont ul {
  height: 83px;
  overflow: hidden;
  text-align: center;
}
.ce4 .cont ul li {
  display: inline-block;
}
.ce4 .cont ul li {
  /* float: left; */
  width: 25%;
  display: none;
}
.ce4 .cont ul li img {
  display: block;
  margin: 0 auto 0;
  width: 57px;
  height: 63px;
}
.ce4 .cont ul li span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #000;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ce4 .cont form {
  width: 240px;
  margin: 20px auto 0;
}

.ce4 .cont form input {
  text-align: center;
}
.ce4 .cont .ce4_tel {
  width: 240px;
  height: 32px;
  border-radius: 32px;
  background: #ebebeb;
  margin: 0 auto 0;
}
.ce4_btn {
  display: block;
  width: 173px;
  height: 43px;
  background: url("http://www.ujiuye.com/statics/images/images/ce3_btn.png")
    no-repeat center top;
  margin: 15px auto 0;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}

/** 2021.12.02 ????? ???? start */
/* body {
  height: 1800px;
} */
/* .csbg {
  width: 100%;
  height: 100%;
  background: url(../newzhu_images/20211122172719508.png);
} */
.popzh {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

.popflex {
  width: 110px;
  height: 489px;
  background: url(../../images/newzhu_images/nf-popside.png) no-repeat;
  background-size: 100% 100%;
  position: fixed;
  top: 15%;
  left: -20px;
  z-index: 800;
}
.popflex ul {
  margin-top: 95px;
}
.popflex ul li {
  width: 65px;
  height: 58px;
  cursor: pointer;
  margin: 0 auto 8px;
  background-color: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(138, 42, 0, 0.28);
  border-radius: 8px;
  border: solid 1px rgba(255, 127, 70, 0.48);
  box-sizing: border-box;
  position: relative;
}
.popflex ul li img {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.popflex ul li p {
  font-size: 12px;
  letter-spacing: 0px;
  color: #333333;
  padding-top: 37px;
  text-align: center;
}
.popflex .popback {
  font-size: 15px;
  color: #ffffff;
  padding-top: 17px;
  text-align: center;
  cursor: pointer;
}

.popmfst {
  display: none;
  width: 322px;
  padding-bottom: 35px;
  background-image: linear-gradient(
    54deg,
    #ff4a01 0%,
    #ff6020 33%,
    #ff753e 65%,
    #ff8a55 100%
  );
  box-shadow: 0px 3px 17px 1px rgba(230, 69, 0, 0.35);
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -234px;
  margin-left: -161px;
  z-index: 100000;
}
.popmfst::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 322px;
  height: 70px;
  background: url(../../images/newzhu_images/nf-popbgt.png) no-repeat;
}
.popmfst::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 322px;
  height: 57px;
  background: url(../../images/newzhu_images/nf-popbgb.png) no-repeat;
}
.popmfst .mfsth1 {
  width: 260px;
  height: 28px;
  background: url(../../images/newzhu_images/nf-pop1-title.png) no-repeat;
  margin: 36px auto 0;
  position: relative;
}
.popmfst .mfstcont {
  width: 296px;
  height: 361px;
  margin: 10px auto 0;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(138, 42, 0, 0.28);
  border-radius: 8px;
  border: solid 1px rgba(255, 127, 70, 0.48);
}
.popmfst .mfstcont .mfstsc {
  width: 270px;
  overflow: hidden;
  margin: 11px auto 0;
}
.popmfst .mfstcont .mfstsc h2 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 19px;
}
.popmfst .mfstcont .mfstsc ul {
  width: 340px;
  transition: 300ms;
  transform: translateX(0);
}
.popmfst .mfstcont .mfstsc ul li {
  width: 60px;
  margin-right: 10px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.popmfst .mfstcont .mfstsc ul li:last-child {
  margin-right: 0;
}
.popmfst .mfstcont .mfstsc ul li .boxs {
  width: 100%;
  height: 60px;
  background-position: center center;
  box-sizing: border-box;
}
.popmfst .mfstcont .mfstsc ul li:nth-of-type(1) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km1.png);
}
.popmfst .mfstcont .mfstsc ul li:nth-of-type(2) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km2.png);
}
.popmfst .mfstcont .mfstsc ul li:nth-of-type(3) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km3.png);
}
.popmfst .mfstcont .mfstsc ul li:nth-of-type(4) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km4.png);
}
.popmfst .mfstcont .mfstsc ul li:nth-of-type(5) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km5.png);
}
.pop-active .boxs {
  border-radius: 100%;
  border: solid 2px #fe5712;
  box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.8) inset;
}
.popmfst .mfstcont .mfstsc ul li p {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  margin-top: 9px;
}
.popmfst .mfstcont .mfstsc .bullet {
  text-align: center;
  margin-top: 5px;
}
.popmfst .mfstcont .mfstsc .bullet span {
  width: 9px;
  height: 2px;
  background-color: #eaeaea;
  border-radius: 1px;
  cursor: pointer;
  display: inline-block;
}
.popmfst .mfstcont .mfstsc .bullet .bullet-active {
  background-color: #fba247;
}
.popmfst .mfstcont .mfstkz {
  width: 270px;
  overflow: hidden;
  margin: 18px auto 0;
}
.popmfst .mfstcont .mfstkz h2 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 19px;
}
.popmfst .mfstcont .mfstkz ul {
  margin-left: 33px;
}
.popmfst .mfstcont .mfstkz ul li {
  width: 60px;
  margin-right: 10px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.popmfst .mfstcont .mfstkz ul li:last-child {
  margin-right: 0;
}
.popmfst .mfstcont .mfstkz ul li .boxs {
  width: 100%;
  height: 60px;
  background-position: center center;
  box-sizing: border-box;
}
.popmfst .mfstcont .mfstkz ul li:nth-of-type(1) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km6.png);
}
.popmfst .mfstcont .mfstkz ul li:nth-of-type(2) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km7.png);
}
.popmfst .mfstcont .mfstkz ul li:nth-of-type(3) .boxs {
  background-image: url(../../images/newzhu_images/nf-pop1-km8.png);
}
.popmfst .mfstcont .mfstkz ul li p {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  margin-top: 9px;
}
.popmfst .mfstcont .mfstkz ul li:last-child p {
  white-space: nowrap;
  margin-left: -4px;
}
.popmfst .mfstcont form {
  width: 270px;
  margin: auto;
}
.popmfst .mfstcont form .formage {
  margin-top: 26px;
}
.popmfst .mfstcont form .formage #tel {
  width: 160px;
  height: 39px;
  background-color: #fff3ee;
  border-radius: 10px;
  border: solid 1px #fc8936;
  font-size: 14px;
  color: #999999;
  box-sizing: border-box;
  padding-left: 13px;
  float: left;
}
.popmfst .mfstcont form .formage .ad1_sub1 {
  width: 104px;
  height: 39px;
  background-color: #fe540e;
  border-radius: 10px;
  font-size: 14px;
  color: #ffffff;
  float: right;
}
.popmfst .mfstclose {
  cursor: pointer;
  width: 23px;
  height: 23px;
  background: url(../../images/newzhu_images/nf-close.png) no-repeat;
  position: absolute;
  top: 7px;
  right: 7px;
}
.popmfst .hua {
  position: absolute;
  bottom: 0;
  right: -28px;
  z-index: 1;
}

.popxxzl {
  display: none;
  width: 322px;
  padding-bottom: 35px;
  background-image: linear-gradient(
    54deg,
    #ff4a01 0%,
    #ff6020 33%,
    #ff753e 65%,
    #ff8a55 100%
  );
  box-shadow: 0px 3px 17px 1px rgba(230, 69, 0, 0.35);
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -234px;
  margin-left: -161px;
  z-index: 100000;
}
.popxxzl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 322px;
  height: 70px;
  background: url(../../images/newzhu_images/nf-popbgt.png) no-repeat;
}
.popxxzl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 322px;
  height: 57px;
  background: url(../../images/newzhu_images/nf-popbgb.png) no-repeat;
}
.popxxzl .xxzlh1 {
  width: 189px;
  height: 35px;
  background: url(../../images/newzhu_images/nf-pop2-title.png) no-repeat;
  margin: 32px auto 0;
  position: relative;
}
.popxxzl .xxzlcont {
  width: 296px;
  height: 236px;
  margin: 14px auto 0;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(138, 42, 0, 0.28);
  border-radius: 8px;
  border: solid 1px rgba(255, 127, 70, 0.48);
  box-sizing: border-box;
}
.popxxzl .xxzlcont ul {
  width: 310px;
  zoom: 90%;
  margin: 10px 0 0 11px;
}
.popxxzl .xxzlcont ul li {
  width: 155px;
  line-height: 14px;
  float: left;
  margin-bottom: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popxxzl .xxzlcont ul li img {
  width: 16px;
  height: 14px;
  margin-right: 4px;
}
.popxxzl .xxzlcont ul li span {
  font-size: 10px;
  color: #333333;
  white-space: nowrap;
  display: inline-block;
}
.popxxzl .xxzlcont form {
  width: 270px;
  margin: auto;
}
.popxxzl .xxzlcont form .formage {
  margin-top: 11px;
}
.popxxzl .xxzlcont form .formage #tel {
  width: 160px;
  height: 39px;
  background-color: #fff3ee;
  border-radius: 10px;
  border: solid 1px #fc8936;
  font-size: 14px;
  color: #999999;
  box-sizing: border-box;
  padding-left: 13px;
  float: left;
}
.popxxzl .xxzlcont form .formage .ad1_sub1 {
  width: 104px;
  height: 39px;
  background-color: #fe540e;
  border-radius: 10px;
  font-size: 14px;
  color: #ffffff;
  float: right;
}
.popxxzl .xxzlclose {
  cursor: pointer;
  width: 23px;
  height: 23px;
  background: url(../../images/newzhu_images/nf-close.png) no-repeat;
  position: absolute;
  top: 7px;
  right: 7px;
}
.popxxzl .hua {
  position: absolute;
  bottom: 0;
  right: -28px;
  z-index: 1;
}

.popxxgh {
  display: none;
  width: 416px;
	height: 335px;
  background: url(../../images/newzhu_images/nf-pop3-bg.png) no-repeat;
	box-shadow: 0px 3px 17px 1px 
		rgba(230, 69, 0, 0.35);
	border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -167px;
  margin-left: -208px;
  z-index: 100000;
}
.popxxgh .xxgh-title {
  width: 170px;
  margin: 28px 0 0 214px;
}
.popxxgh .xxgh-title p {
  width: 115px;
	height: 25px;
	border-radius: 13px;
	border: solid 1px #ffffff;
  font-size: 15px;
	letter-spacing: 2px;
	color: #ffffff;
	text-shadow: 0px 3px 5px
		rgba(255,0,0,0.2);
  text-align: center;
  line-height: 25px;
  margin: 4px auto 0;
}
.popxxgh .xxgh-cont {
  width: 382px;
	height: 166px;
	background-color: #ffffff;
	box-shadow: 0px 1px 4px 0px 
		rgba(138, 42, 0, 0.28);
	border-radius: 8px;
	border: solid 1px rgba(255, 127, 70, 0.48);
  margin: 12px auto 0;
}
.popxxgh .xxgh-cont .xxgh-isse {
  width: 210px;
  float: left;
  margin: 23px 0 0 19px;
}
.popxxgh .xxgh-cont .xxgh-isse h3 {
  font-size: 14px;
	font-weight: bold;
	color: #333333;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffeee1;
}
.popxxgh .xxgh-cont .xxgh-isse ul {
  margin-top: 17px;
}
.popxxgh .xxgh-cont .xxgh-isse ul li {
  font-size: 12px;
  line-height: 13px;
	color: #333333;
  margin-bottom: 14px;
}
.popxxgh .xxgh-cont .xxgh-isse ul li img {
  margin-right: 4px;
}
.popxxgh .xxgh-cont .xxgh-code {
  float: right;
  width: 100px;
	height: 118px;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 1px 
		rgba(182, 182, 182, 0.23);
	border-radius: 4px;
  margin: 22px 27px 0 0;
  text-align: center;
}
.popxxgh .xxgh-cont .xxgh-code img {
  margin: 6px 0 3px 0;
}
.popxxgh .xxgh-cont .xxgh-code p {
	font-size: 12px;
	color: #333333;
}
.popxxgh .xxghclose {
  cursor: pointer;
  width: 23px;
  height: 23px;
  background: url(../../images/newzhu_images/nf-close.png) no-repeat;
  position: absolute;
  top: 7px;
  right: 7px;
}
.popxxgh .hua {
  position: absolute;
  bottom: 0;
  right: -28px;
  z-index: 1;
}

.bagyx {
  display: none;
  width: 121px;
  height: 128px;
  background: url(../../images/newzhu_images/hb-yxxfbg.png);
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 800;
  cursor: pointer;
}
.bagyx .yx-ljkq {
  width: 47px;
  height: 47px;
  background: url(../../images/newzhu_images/hb-ljkq.png);
  margin: 71px 0 0 38px;
  animation: ljkq 1s ease infinite;
}

.bagzjxf {
  width: 1351px;
  height: 758px;
  background: url(../../images/newzhu_images/hb-zjxfbg.png);
  background-position-x: 20px;
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -379px;
  margin-left: -675px;
  z-index: 100000;
}
.bagzjxf .zjBox {
  overflow: hidden;
  width: 246px;
  margin: 300px auto 0;
}
.bagzjxf .zjBox .zj-ljkq {
  width: 93px;
  height: 93px;
  background: url(../../images/newzhu_images/hb-big-ljkq.png);
  margin: 180px 0 0 90px;
  cursor: pointer;
  animation: ljkq 1s ease infinite;
}
.bagzjxf .zjBox .zj-close {
  width: 31px;
  height: 59px;
  background: url(../../images/newzhu_images/hb-close.png);
  margin: 10px 0 0 121px;
  position: relative;
}
.bagzjxf .zjBox .zj-close em {
  width: 31px;
  height: 31px;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.bagzjljl {
  display: none;
  width: 1351px;
  height: 758px;
  background: url(../../images/newzhu_images/hb-yxxfbg1.png);
  background-position-x: 20px;
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -379px;
  margin-left: -675px;
  z-index: 100000;
}
.bagzjljl .ljlBox {
  width: 231px;
  overflow: hidden;
  margin: 288px auto 0;
  transform: translate(12px, 0);
  text-align: center;
  position: relative;
}
.bagzjljl .ljlBox .nf-prize {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 25px;
}
.bagzjljl .ljlBox p {
  font-size: 10px;
	color: #555555;
  text-align: center;
  margin-top: 77px;
  transform: scale(0.8);
}
.bagzjljl .ljlBox .codebg1 {
  width: 90px;
	height: 90px;
	background-color: #fff6eb;
	border-radius: 12px;
	border: solid 1px #ff8200;
  margin: 10px auto 0;
}
.bagzjljl .ljlBox .codebg2 {
  width: 81px;
	height: 81px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 0px 
		rgba(255, 130, 0, 0.27);
	border-radius: 11px;
  margin: 5px auto 0;
  overflow: hidden;
}
.bagzjljl .ljlBox .codebg2 img {
  width: 77px;
	height: 77px;
  display: block;
  margin: 2px auto 0;
}
.bagzjljl .ljlBox button {
  width: 121px;
	height: 34px;
	background-image: linear-gradient(259deg, 
		#ff7f1f 0%, 
		#fe3c2b 100%);
	border-radius: 17px;
  display: block;
  margin: 9px auto 0;
  font-size: 16px;
	font-weight: bold;
	color: #ffffff;
  border: 0;
}
.bagzjljl .ljlBox .ljl-close {
  width: 31px;
  height: 59px;
  background: url(../../images/newzhu_images/hb-close.png);
  margin: 66px 0 0 100px;
  position: relative;
}
.bagzjljl .ljlBox .ljl-close em {
  width: 31px;
  height: 31px;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.bags {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
}
.bags div {
  position: absolute;
  top: -157px;
  z-index: 100000;
  animation: drops 1.8s linear infinite;
}
.bags .cbag {
  cursor: pointer;
}

.zoombag {
  animation: zoomIn 1.2s ease forwards;
}

@keyframes ljkq {
  0%,50%,100% {
    transform: scale(1);
  }
  25%,75% {
    transform: scale(1.1);
  }
}
@keyframes drops{ 
  to {
    transform: translate3d(100px ,100vh,-100px);
  }
}

/** 2021.12.02 ????? ???? end */



.zg_video{margin-bottom:60px;}
.zg_video .vcont{margin-top:34px;}
.zg_video .vcont .cleft{float:left;width:524px;height:365px;background-color:#fff;box-shadow:1px 2px 13px 0px rgba(0,0,0,0.1);border-radius:6px;overflow:hidden;position:relative;}
.zg_video .vcont .cleft .iplay1{width:116px;height:116px;opacity:0.05;position:absolute;bottom:-18px;left:-25px;}
.zg_video .vcont .cleft .iplay2{width:35px;height:35px;opacity:0.05;position:absolute;right:18px;bottom:46px;}
.zg_video .vcont .cleft .zg_vposter{position:relative;z-index:1;}
.zg_video .vcont .cleft .zg_vposter:hover+.zg_vtip{display:block;}
.zg_video .vcont .cleft .zg_vposter span{display:inline-block;font-size:14px;color:#fff;padding:5px 5px 5px 9px;border-radius:7px 0px 0px 7px;background-color:rgba(0,0,0,0.4);position:absolute;right:0;bottom:20px;}
.zg_video .vcont .cleft .zg_vtip{width:524px;height:296px;background-color:rgba(0,0,0,0.6);border-radius:6px;text-align:center;color:#fff;position:absolute;z-index:1;top:0;left:0;display:none;}
.zg_video .vcont .cleft .zg_vtip:hover{display:block;}
.zg_video .vcont .cleft .zg_vtip:hover .dd{animation:fadeInDown 0.8s ease forwards;}
.zg_video .vcont .cleft .zg_vtip:hover .zg_txts{animation:fadeInUp 0.8s ease forwards;}
.zg_video .vcont .cleft .zg_vtip .dd{opacity:0;}
.zg_video .vcont .cleft .zg_vtip img{width:43px;height:43px;margin-top:68px;}
.zg_video .vcont .cleft .zg_vtip .zg_ljgk{font-size:17px;margin:14px 0 20px 0;}
.zg_video .vcont .cleft .zg_vtip .zg_txts{font-size:12px;letter-spacing:1px;line-height:26px;padding:0 30px;opacity:0;}
.zg_video .vcont .cleft .zg_vurl{height:69px;text-align:center;line-height:69px;}
.zg_video .vcont .cleft .zg_vurl a{font-size:16px;color:#333;}
.zg_video .vcont .cleft .zg_vurl a img{width:18px;height:18px;vertical-align:middle;margin:-5px 15px 0 0;}
.zg_video .vcont .criht{float:left;width:645px;margin-left:30px;}
.zg_video .vcont .criht ul li{float:left;margin-right:35px;margin-bottom:18.5px;width:305px;height:173px;border-radius:6px;overflow:hidden;position:relative;cursor:pointer;}
.zg_video .vcont .criht ul li:hover .zg_vrplay{transform:translateY(0);}
.zg_video .vcont .criht ul li:nth-of-type(even){margin-right:0;}
.zg_video .vcont .criht ul li .zg_crimg{width:100%;height:100%;}
.zg_video .vcont .criht ul li .zg_crtime{display:inline-block;font-size:14px;color:#fff;padding:5px 5px 5px 9px;border-radius:7px 0px 0px 7px;background-color:rgba(0,0,0,0.4);position:absolute;right:0;top:11px;}
.zg_crtit{width:100%;height:64px;position:absolute;left:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.5));text-align:center;line-height:90px;font-size:16px;color:#fff;}
.zg_crtit img{vertical-align:middle;margin:-3px 12px 0 0; }
.zg_vrplay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);text-align:center;cursor:pointer;transform:translateY(-100%);transition:300ms;}
.zg_vrplay img{width:43px;height:43px;margin-top:48px;}
.zg_vrplay span{display:block;font-size:17px;color:#fff;margin-top:16px;}




.nav_left .l20 {
  display: inline-block;
  background: url('../../images/newzhu_images/nav_23left_wrxt.png') no-repeat 0 0;
  width: 16px;
  height: 18px;
}
.nav_left .l20h {
  display: inline-block;
  background: url('../../images/newzhu_images/nav_23left_wrxt.png') no-repeat 0px 0px;
  width: 16px;
  height: 18px;
  display: none;
}
.nav_23left .l5{background: url(../../images/newzhu_images/nav_left.png) no-repeat -64px -83px;}
.nav_23left .l3{background: url(../../images/newzhu_images/nav_left.png) no-repeat -85px -42px;}
/* .nav_23left .l11{background: url(../../images/newzhu_images/nav_left.png) no-repeat -63px -62px;} */

/* wxs 24.1.25 ??????? */
.qspxBox{background: #fff url(../../images/newzhu_images/qspxBj01.jpg) no-repeat bottom center;color: #333;}
.qspxBox .content{padding: 50px 0;}
.qspxTop{margin:36px auto 47px;height:339px;}
.qspxTopL{width: 586px;height: 339px;float: left;border-radius:8px;box-shadow:0 0 9px rgba(254,157,67,.25);background: #fff;padding:37px 0 0 30px;box-sizing: border-box;}
.qspxTopR{width: 586px;height: 339px;float: right;border-radius:8px;box-shadow:0 0 9px rgba(254,157,67,.25);background: #fff;padding:37px 0 0 30px;box-sizing: border-box;}
.qspxTit{height:70px;line-height: 44px;font-size:22px;font-weight: bold;background: url(../../images/newzhu_images/qspxBj02.png) no-repeat top 45px left;position: relative;}
.qspxTit span{font-weight: normal;display: inline-block;background: -webkit-linear-gradient(to right,#ffeadb, #fff);background: -o-linear-gradient(to right,#ffeadb, #fff);background: -moz-linear-gradient(to right,#ffeadb, #fff);background:linear-gradient(to right,#ffeadb, #fff);margin-left: 10px;padding-left:10px;font-size: 16px;color: #ff5510;border-radius: 5px;line-height: 30px;}
.qspxTit::after{position: absolute;content: '';animation: ud 1.5s infinite linear;right: 28px;width: 55px;height: 64px;}
.qspxTopL .qspxTit::after{background: url(../../images/newzhu_images/qspxBj03.png) no-repeat center;}
.qspxTopR .qspxTit::after{background: url(../../images/newzhu_images/qspxBj06.png) no-repeat center;}
.qspxTop ul{margin-right:40px;}
.qspxTop ul li{display: flex;justify-content: space-between;margin-top: 4px;align-items: center;}
.qspxTop ul li b{width: 124px;height: 33px;border-radius: 15px 15px 0 15px;color: #fff;text-align: center;line-height: 33px;font-size: 14px;position: relative;box-sizing: border-box;padding-left: 20px;}
.qspxTop ul li:nth-child(2n+1) b{background: #ff6a00;}
.qspxTop ul li:nth-child(2n) b{background: -webkit-linear-gradient(to right,#ff8a00, #ff6a00);background: -o-linear-gradient(to right,#ff8a00, #ff6a00);background: -moz-linear-gradient(to right,#ff8a00, #ff6a00);background:linear-gradient(to right,#ff8a00, #ff6a00);}
.qspxTop ul li b::before{position: absolute;left: 10px;top:50%;transform: translateY(-50%);content: '';width: 17px;height: 17px;background: url(../../images/newzhu_images/qspxBj04.png) no-repeat;}
.qspxTop ul li p{width: 374px;border-bottom: dashed 1px #e1e1e1;line-height: 48px;font-size: 14px;}

.qspxBot{height:97px;}
.qspxBot li{width: 174px;height: 97px;border: solid 1px #ff8f3f;float: left;border-radius:8px;margin-right: 33px;background: -webkit-linear-gradient(#fff, #ffebdd);background: -o-linear-gradient(#fff, #ffebdd);background: -moz-linear-gradient(#fff, #ffebdd);background: linear-gradient(#fff, #ffebdd);text-align: center;position: relative;display: flex;justify-content: center;align-content: center;flex-wrap:wrap;}
.qspxBot li img{position: absolute;top:-17px;left: 50%;transform: translateX(-50%);}
.qspxBot li b{font-weight: bold;font-size: 16px;line-height: 26px;}
.qspxBot li p{font-size: 14px;line-height: 24px;width: 100%;}
.qspxBot li::after{position: absolute;content: '';width:25px;height:19px;background: url(../../images/newzhu_images/qspxBj05.png) no-repeat;right: -25px;top:50%;transform: translateY(-50%);animation: jiantou 0.8s infinite linear;}
.qspxBot li:nth-child(5)::after,.qspxBot li:nth-child(6)::after{content: none;}
.qspxBot li:nth-child(5),.qspxBot li:nth-child(6){margin-right: 0;}
.qspxBot li:nth-child(6){border: 0;background: none;width: 172px;float: right;}
.qspxBot li a{display: block;width: 170px;height:50px;border-radius: 50px;line-height: 50px;color: #fff;background:#ff6a00;border: solid 1px #fff;box-shadow:5px 0 4px rgba(255,106,0,.25);font-size: 14px;transition: all 0.3s;}
.qspxBot li a:hover{transform: translateY(-5px);animation: all 0.3s;}
@keyframes ud {
  0% {top:-14px;}
	40%{top:-26px;}
	80%{top:-10px;}
  100% {top:-14px;}
}
@keyframes jiantou {
  0% {right:-25px;}
  100% {right:-35px;}
}
.maxFix{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 0, 0, 0.48);display: none;}
.qspxTan{width:566px;height:386px;background: url(../../images/newzhu_images/qspxBj07.png) no-repeat;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;box-sizing: border-box;padding-left: 22px;display: none;}
.qspxTanTit{height: 103px;box-sizing: border-box;padding:57px 0 0 159px;position: relative;}
.qspxTanTit span{position: absolute;right:10px;top:40px;background: url(../../images/newzhu_images/qspxBj08.png) no-repeat;width: 23px;height: 23px;cursor: pointer;}
.qspxTanNr{background: #fff;border-radius:8px;position: relative;width: 528px;height: 261px;box-sizing: border-box;padding-top:21px;}
.qspxTanNr::after{position: absolute;content: '';width:105px;height:66px;background: url(../../images/newzhu_images/qspxBj09.png) no-repeat;right: -31px;bottom: -22px;}
.qspxTanNr table td{padding:0 10px 13px 0;line-height: 38px;}
.qspxTanNr table b{font-size: 14px;font-weight: bold;display: inline-block;width: 80px;text-align: right;}
.qspxTanNr table input{width:158px;height: 38px;background:#fff3ee;border: solid 1px #fc8936;padding-left: 15px;box-sizing: border-box;border-radius: 8px;}
.qspxTanNr table textarea{width:408px;height: 94px;background:#fff3ee;border: solid 1px #fc8936;padding:15px;box-sizing: border-box;border-radius: 8px;font-family: 'Microsoft Yahei';display: block;}
.qspxTanNr table button{display: block;margin: 0 auto;width: 160px;height: 40px;text-align: center;border: 0;background: #fe540e;color: #fff;border-radius: 8px;cursor: pointer;}
.qspxTanNr table p{color: #999;text-align: center;}